Hexo建站笔记

November 18, 2021 less than 1 minute read

利用Hexo建站及部署GitHub仓库的建站笔记。

快速搭建Hexo网站（Quick install Hexo）

安装（Install）

macOS及Linux安装nodejs（Install nodejs）

$ brew install node

*Windows下访问nodejs.org安装node。

macOS及Linux下使用brew安装Hexo（Install Hexo）

$ brew install hexo

Windows下安装Hexo

$ npm install -g hexo-cli

初始化Hexo（Initialize Hexo）

$ hexo init <folder>
$ cd <folder>
$ npm install

其中为Hexo所处的文件夹。

测试Hexo服务（Start the server）

$ hexo server

启动成功后终端显示内容如下：

$ Heyya➜ MyBlog hexo s
$ INFO  Validating config
$ INFO  Start processing
$ INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

访问http://localhost:4000网页显示如下内容： landscape

则说明至此Hexo启动成功，接下来要做的就是自定义网站的主题和完善网站的基本功能。

自定义主题（Customize theme）

访问https://hexo.io/themes挑选你所喜欢的主题，本文章以brewski主题为例。

安装breski主题（Install brewski）

$ git clone https://github.com/tiaanduplessis/hexo-theme-brewski.git themes/brewski

将主题文件克隆到themes文件夹下，若下载出现问题可以直接下载zip文件解压到themes下。

安装brewski所必须的依赖（Install dependencies）

$ npm install --save hexo-renderer-pug hexo-generator-feed hexo-generator-sitemap

修改brewski为默认主题

修改Hexo根目录下的_config.yml配置文件（涉及vim的简单操作，这里将不展开说明）

$ vim _config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

将landscape主题替换为brewski，保存并退出。

清除原先的静态文件

$ hexo clean

重新生成静态文件

$ hexo g

再次启动Hexo服务，网站的主题已经修改成功。

brewski

创建网站的基本文件夹

$ hexo new "About"

部署Hexo网站

安装hexo-deployer-git插件

hexo-deployer-git是将Hexo生成的静态网站上传的Github所需的插件

$ npm install hexo-deployer-git --save

修改配置文件

$ vim _config.yml

deplot:
	type: git
	repo: //地址
	branch: master

Twitter Facebook LinkedIn