hexo 搭建个人博客

2020-03-19

字数统计: 650字 | 阅读时长≈ 2分

hexo 搭建个人博客

开始

hexo是快速、简洁且高效的博客框架.我之前都是使用了gitbook+git+typora+github,现在使用了一段hexo,发现也不错,与之前的相比界面主题上显得比hexo要好看的多.

两者对比:

gitbook:

1584554452185

hexo:

1584554517306

安装 `hexo-cli`

1	npm install hexo-cli -g

初始化站点

1
2
3

hexo init <folder>
cd <folder>
npm install

这样就完成了博客的站点的初始化.

配置文件

最关键就是themes和_config.yml这两个东西.

themes文件夹下存放着主题,而_config.yml里是网站的配置信息，您可以在此配置大部分的参数。主题的话可以去hexo 主题里找寻自己喜欢的主题,我选的是alpha-dust.

然后将自己喜欢的主题下载到themes目录下.

1584554680178

然后才能应用主题,_config.yml:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: alpha-dust

找到theme项将其改为你的主题名字,其他配置项官方都说明,这里不再说明.

`hexo`命令

新建一篇文章

1	hexo new [layout] <title>

laytou默认是post,这里也可以在_config.yml找到default_layout配置项来进行配置,post是要发布的文章,layout还可以是draft,就是新建一片草稿. title是文章的题目.

新建完之后,会自动在source目录下先新建文章,这里用markdown来写文章的.

发表草稿

1	hexo publish [layout] <filename>

该命令会将草稿移动到_posts目录下.

生成静态文件 html

hexo g

会在public目录下生成.

启动本地服务器

hexo s

启动后你预览博客得样子.默认地址是http://localhost:4000/.

部署网站

hexo d

清楚指令

1	hexo clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。

部署到码云`gitee`

1	npm install -S hexo-deployer-git

然后再配置文件里配置,_config.yml:

deploy:
  type: git
  repo:
    gitee:
      url: git-url
      branch: 分支名

你也可以选择部署到github,但是github上只能部署到gh-pages或者master分支上.详细配置请看https://github.com/hexojs/hexo-deployer-git.

配置完后:

1
2
3

hexo clean
hexo g
hexo d

然后你部署的仓库找到gitee服务配置gitee pages:

1584556338529

然后你可以选择你要部署的分支:

1584556545704

这样就完成了.

图片显示问题

成功之后会出现图片显示不正确,发现图片的路径更不对.故要修改图片路径.

1	npm install https://github.com/Veng0923/hexo-asset-image.git

这个是要部署到github或者gitee上才会生效,我用的并不是相对地址.

我的个人博客地址.

本文作者： Veng
本文链接： http://veng0923.github.io/2020/03/19/hexo-搭建个人博客/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！