首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo搭建流程

现在博客平台很多,不过界面风格都会受到限制,不能随心所欲

无意中发现了自搭博客Hexo的简洁风格,一下子就被迷住了,于是也着手搭建一个

安装环境

安装git

查看git版本

配置参数

删除配置参数

安装node

查看node版本

安装hexo

国内网络下,安装有点慢,耐心等待

查看hexo版本

本地部署hexo

初始化hexo

我在原有的code文件下,新建一个文件夹,命名为hexo

进入hexo文件下初始化站点

安装成功后最后会提示

本地部署测试

服务运行后,打开浏览器,输入则可以看到hexo的默认页面

image

部署到Github Pages

创建Github账号,自行到github https://github.com注册账号

创建一个repository,名称必须为用户名.github.io

image

创建成功后出现该页面

image

创建SSH Key 进行身份验证

本地Git仓库与Git远端进行通信时,需要通过SSH进行身份验证

查看电脑是否存在SSH Key,如果存在文件,则电脑已经存在,如果第一次使用,则需要生成SSH Key

生成SSH Key,出现Enter file 和 passphrase 直接Enter保持默认设置

参数含义:

-t指定密钥类型,默认是,可以省略。

-C设置注释文字,比如邮箱。

此时在文件夹中会生成两个文件

在Github中添加SSH Key

image

Title可以自定义,key为文件中的内容

修改hexo的配置文件,部署到服务器

打开配置文件,修改最下面的,修改后如下

注意::后面必须要加空格

发布博客

新建博客

新建的博客会自动保存在_posts文件下,也可以自己创建一个md文件放在该目录下,不过要注意加上hexo的头部信息,头部信息可以拷贝用命令行自动生成的文档模板。

打开testBlog.md可以看到头部信息如下

生成静态Html文件

简便输入为

这个时候会发现在hexo文件夹内多了一个public文件夹,该文件保存生成的静态Html文件

发布博客

简便输入为

如果提示如下,则需要安装Deployer

安装成功后,再次执行hexo deploy

验证效果

其他

草稿

在新建文件的时候,可以先写草稿,等到写好之后,再发布出去。那么,就需要草稿的功能。

这样,文件就会创建在会在source/_drafts目录下,如果想在本地部署预览草稿,则可以使用

当文章写好之后,想发布出去,就要移出草稿

错误

后来更新了Node.js的版本到8.0,使用hexo的时候,提示如下

or ).

解决办法

参考链接

Hexo的issues:https://github.com/hexojs/hexo/issues/1922

应该是相对应的库没有或者版本比较老导致的错误,提示如下

解决办法

参考链接

hexo md的issues:https://github.com/CHENXCHEN/hexo-renderer-markdown-it-plus/issues/2

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181114G0B9DG00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券