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

image

博客地址: https://www.lisq.xyz/

image

1.本地安装hexo

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

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

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

npm i -g hexo

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

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

hexo init

得到如下项目目录:

image

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

2.本地运行

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

控制台安装hexo-server

npm i hexo-server

然后运行 hexo-server

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

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

3.github配置

首先要创建一个github账号

并配置好ssh

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

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

image

修改_config.yml中的git配置

deploy:
  type: git
  repo:  https://github.com/xxxx.git
  branch: master

4.部署上传

在本地安装上传工具

npm install hexo-deployer-git --save

依次执行如下命令

hexo clean     //删除上次打包
hexo generate   //打包
hexo deploy    /上传

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

在浏览器中输入http://yourgithubname.github....

一些其他配置

搜索功能

使用搜索功能首先需要:

npm install -S hexo-generator-json-content

然后:

search:
    insight: true

readme

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

2.修改_config.yml

skip_render: README.md
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章