【个人博客搭建及配置一】基础配置

2019-09-08 14:45:09 浏览数 (1)

1.本地安装hexo

首先保证你电脑上有node环境,这个不懂的可以自定百度。

控制台输入node -v出现版本号说明安装成功。

有了node就可以安装hexo了,控制台输入如下命令

代码语言:javascript复制
npm i -g hexo

同样控制台输入hexo -v出现版本号说明安装成功。

然后开始初始化项目,控制台输入:

代码语言:javascript复制
hexo init

得到如下项目目录:

代码语言:javascript复制
node_modules:是依赖包public:存放的是生成的页面scaffolds:命令生成文章等的模板source:用命令创建的各种文章themes:主题_config.yml:整个博客的配置db.json:source解析所得到的package.json:项目所需模块项目的配置信息

2.本地运行

首先在本地跑起来你的代码

控制台安装hexo-server

代码语言:javascript复制
npm i hexo-server

然后运行 hexo-server

在浏览器中访问:http://localhost:4000 就可以看到你本定运行的页面了

这时你可以在本地调试一下你的blog。

3.github配置

首先要创建一个github账号

并配置好ssh

这些不懂的可以自行百度。

创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建github page才会生效。

修改_config.yml中的git配置

代码语言:javascript复制
deploy:  type: git  repo:  https://github.com/xxxx.git
 branch: master

4.部署上传

在本地安装上传工具

代码语言:javascript复制
npm install hexo-deployer-git --save

依次执行如下命令

代码语言:javascript复制
hexo clean     //删除上次打包hexo generate   //打包hexo deploy    /上传

这里我单独写了sh执行这三段脚本,这样每次只需要执行这个sh即可。

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客了!

一些其他配置

搜索功能

使用搜索功能首先需要:

代码语言:javascript复制
npm install -S hexo-generator-json-content

然后:

代码语言:javascript复制
search:    insight: true

readme

1.首先在source文件夹下建立一个README.md

2.修改_config.yml

代码语言:javascript复制
skip_render: README.md

0 人点赞