访问码云上html,HEXO+ 码云 Pages,构建轻量简约博客

作为技术人员大部分博客上都是发布教程或者代码段,又喜欢轻量简洁有逼格的博客。hexo就是这样一个博客系统,足够轻量,满足编程开发人员博客内容需求,MarkDown编辑器编辑文章,直接生成静态html页面能访问快。

开始觉得这个看起来挺复杂的,但是操作起来很简单,有些nodejs基础的话大概一小时上手吧。:stuck_out_tongue_winking_eye:

新建代码库

创建代码库,语言选择 nodejs

ca423e322103f5ecdd87b8174f702fea.png

启动Pages服务

如下图启动服务之后就会生成访问链接,用于填写到Hexo配置文件

29b77f53d665e2299385c4b15e3eea53.png

获取到的访问链接地址

9f289199f86139d0b2e9003261a06725.png

本地电脑安装Hexo

参考如下文档,这里不再赘述,需要Node, Git,基本程序员电脑都安装

初始化安装环境

进行安装

初始化配置文件

初始化完成的Hexo目录如下,没有最上面的.deploy_git。那个是用于和Git仓库同步的静态文件夹。

8e582fe5e2079ad3de5000f05462a11a.png

打开配置文件_config.yml

安装Git插件

安装 [hexo-deployer-git]。

$ npm install hexo-deployer-git --save

YAML依靠缩进来确定元素间的从属关系。因此,请确保每个deployer的缩进长度相同,并且使用空格缩进。

修改如下位置

deploy:

type: git

repo:

branch: [branch]

message: [message]

参数

描述repo

库(Repository)地址

branch

分支名称。如果您使用的是 GitHub 或 GitCafe 的话,程序会尝试自动检测。

message

自定义提交信息 (默认为 Site updated: {% raw %}{{ now('YYYY-MM-DD HH:mm:ss') }}{% endraw %})

部署上线

先执行

$ hexo g

5f0bd51cd49c8d962f3d6692caabce29.png

然后执行

$ hexo d

069e738c2799f45b1fbbc22fb2b7b7ba.png

命令说明

generate

$ hexo generate

生成静态文件。

选项

描述-d, --deploy

文件生成后立即部署网站

-w, --watch

监视文件变动

该命令可以简写为

$ hexo g

deploy

$ hexo deploy

部署网站。

参数

描述-g, --generate

部署之前预先生成静态文件

该命令可以简写为:

$ hexo d

clean

$ hexo clean

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

在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。

后记

Hexo主要功能是将文章内容转换成静html页面,然后同步到Git仓库上面。所以问题来了你的本地Hexo就相当一网站后台,如果你有多台电脑的话,那就再建立一个仓库用于存储本地的Hexo,以便多段存储。或者先写好MarkDown文档在统一用一台电脑更新文章。

本作品采用《CC 协议》,转载必须注明作者和本文链接

做自己

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值