搭建Hexo博客

2018-02-28

工作三年。
前端一年。
年前因为公司的问题，离职。
刚好在年前，相当于放了一个寒假。

当初放弃了收入还不错的工作，转到前端。
还是时常会有些迷茫。

一年前就折腾了一下Hexo，后来就没有写下任何东西了。
最近面试觉得，还是需要平时的记录。
就先折腾个博客吧。
估计也没有人能看到，权当是自己的日记了。

项目搭建

Node.js，Npm，Git
这些都成了前端的标配，没什么好说的。

环境安装好之后，安装Hexo
npm install -g hexo-cli

执行hexo version可以看到

hexo: 3.5.0
hexo-cli: 1.0.4
os: Windows_NT 10.0.16299 win32 x64
http_parser: 2.7.0
node: 9.5.0
v8: 6.2.414.46-node.18
uv: 1.19.1
zlib: 1.2.11
ares: 1.13.0
modules: 59
nghttp2: 1.29.0
napi: 2
openssl: 1.0.2n
icu: 60.1
unicode: 10.0
cldr: 32.0
tz: 2017c

以上也是我本机的环境

执行

1	hexo init <folder>

hexo会生成项目，并自动安装依赖

.
├── _config.yml 配置文件，根目录下，可以配置网站信息，主题中也有，可以配置主题信息。
├── package.json
├── scaffolds 模板文件夹，新建文章在此处
├── source 资源文件，会将资源拷贝到public，除了隐藏文件和_开头的文件夹
|   ├── _drafts
|   └── _posts
└── themes 主题放在这个文件夹下

写作

hexo new [layout] title

Hexo有三种默认布局： post page draft

在文章中插入，more之前的内容会在列表展示，点击查看全文才显示全文

部署

在_config.yml中配置，最好使用ssh

deploy:
  type: git
  repo: git@github.com:xiangzy1/xiangzy1.github.io.git
  branch: master

使用git需安装 npm install hexo-deployer-git --save，一定要--save

执行hexo generate或者hexo g
hexo会生成静态页面在public文件夹下

执行hexo deploy将public下的文件部署到上面配置的git仓库中

也可以使用hexo generate --deploy 直接生成并提交