超详细Hexo+GitHub搭建个人博客网站(一)

前言

Hexo 是一款基于 Node.js ,快速、简洁且高效的博客框架,使用 Markdown(或其他渲染引擎)解析文章,在几秒内即可利用靓丽的主题生成静态网页。

通过GitHub部署托管网站,不需要域名及服务器即可拥有自己的网站,是不是很方便。(当然你想通过域名访问也是可以的)

环境搭建

安装hexo的前提是下载好node和Git。注意:以Windows为例。

Git下载地址:https://git-scm.com/
node下载地址:https://nodejs.org/zh-cn/

通过官网下载可能会很慢,甚至出现断线情况,也可使用淘宝镜像进行下载。

Git淘宝镜像地址:https://npm.taobao.org/mirrors/git-for-windows/
node淘宝镜像地址:https://npm.taobao.org/mirrors/npm/

或通过cmd命令下载
npm install cnpm -g –registry=https://registry.npm.taobao.org

下载之后通过cmd测试是否下载成功。通过cmd命令下载的测试要加c(cnpm)。

node -v
npm -v
git –version

Git和node安装一路默认即可。

安装hexo

首先在合适盘符下新建一个文件夹,名字自己起,例如blog。

在blog文件夹下,按住shift键,右击鼠标点击命令行右键打开命令窗口要(cd到指定文件夹),或右键点击Git Bash Here,输入如下命令进行安装。以下都是通过Git安装。

$ npm install -g hexo-cli

安装完成后输入如下命令进行验证。

$ hexo -v

再次输入如下命令进行初始化。

$ hexo init
$ npm install

安装完成后文件夹目录如下。

├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

重点:_config.yml文件用于存放网站的配置信息,后边更换主题和部署GitHub会用到,themes为博客主题文件夹。其他的就不多说了,烦请自行了解。

至此网站雏形基本建成,输入如下命令即可本地预览,

$ hexo server

在浏览器中访问http://localhost:4000/即可预览。命令窗口不能关闭,否则不能预览。

到这恭喜你,安装成功了。

更换主题

上边的主题是不是不好看,哈哈哈我觉得是。但是hexo提供很多主题可进行选择。通过主题官网进行查找https://hexo.io/themes/

这里推荐两个主题,经常浏览到此主题的网站,个人觉得挺漂亮的。

主题1:Butterfly
主题2:matery

关于主题更多信息请至官网浏览。

下载主题

找到喜欢的主题,点击图片是预览,点击名字是地址。复制GitHub地址即可。

Git输入如下命令。

git clone Github主题地址 themes/文件名

文件名自己起,例如:

$ git clone https://github.com/blinkfox/hexo-theme-matery themes/next

完成后站点的themes目录下, 会有一个next文件夹。

接着配置_config.yml,修改theme,改成上面的那个文件名next。

修改后保存后,重新输入命令$ hexo server,浏览器打开http://localhost:4000/即可预览安装的主题。

点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注

隐藏
换装
           
花好
           
月圆