建站日志
已经有很久没有更新过了,再回看我Hexo博客的时候,突然感觉花里胡哨的东西很多,但是有用的内容却不多,狠下心来找了找有没有更好的框架,这下才找到了hugo
下载hugo的时候一定要下载extened版本的,不然会出莫名奇妙的bug
我使用的主题是DoIt,这是一个基于LoveIt的主题,也有比较详细的文档以供开发,这里按照官方文档配置即可
1 友链页面的设置
新建一个页面,放在content目录下,DoIt
主题提供了友链的相关支持如下
friend
shortcode 用来在你的页面上插入友链.
friend
shortcode 有以下命名参数:
-
name [必需] (第一个位置参数) 友站的名称.
-
url [必需] (第二个位置参数) 友站的链接.
-
avatar [必需] (第三个位置参数) 友站的头像.
-
bio [必需] (第四个位置参数) 友站的简介.
示例:
|
|
This is PCloud~💤
2 PicGo+Gitee+Typora搭建
步骤基本上和参考文章里说的一样,
在菜单格式>图像>设置图片根目录
修改图片的默认根目录选择static/
。然后在偏好设置>图像>
,选择插入图片时复制到指定路径,然后路径填写../../static/images/${filename}
。意思就是,我们把图片保存static/images
路径下,为每个md文件创建一个文件夹保存图片。
并且不能忘记在md文件头部添加typora-root-url: ..\..\static
|
|
3 文章配置页面图
在配置文章前置参数时,可以增加以下选项
|
|
这样就能生成主页和文章页的特色图
4 评论系统
4.1 valine
我在这里使用的是valine,个人感觉这个更简洁一点。我主要参考了hexo+next使用Valine评论系统建立评论系统。
注册应用
注册LeanCloud并创建一个开发版应用(免费)
创建Class
进入你创建的应用后,点击存储-> 创建Class,将Class的名称命名为Comment。
将Class访问权限和默认ACL权限全部设置为所有用户。
服务设置
在设置-> 安全中心中,关闭除数据存储
以外的全部开关。
修改下方Web安全域名
为:自己的域名:端口号
,以我的博客为例:
|
|
修改主题配置文件
|
|
开启邮件通知
- 修改LeanCloud中,设置->邮件模版->用于重置密码的邮件主题:
|
|
- 修改内容:
|
|
保存即可。
4.2 Twikoo
由于valine还是将评论内容放在其他服务器上,不方便管理,就使用了Twikoo评论系统,这里主要参考了Twikoo私有化部署 | 花猪のBlog (cnhuazhu.top)
私有化部署
在Twikoo的官网上,有私有部署的详细步骤,可以参考快速上手 | Twikoo 文档
新增域名解析
- 新增子域名
我自己使用的阿里云的服务器,所以在云解析DNS-域名解析-解析设置中可以新增子域名解析
- 添加证书
在数字证书管理服务-SSL证书中可以创建免费证书
5 hugo本地调试
使用如下命令即可进行hugo的本地调试,这里的主题可以根据自己已经使用的主题进行更换
|
|
若需要效果全开,则可以使用生产环境的命令
|
|
6 github部署
考虑到成本原因, 把博客部署在了Github pages
这里使用 hugo --source blog_root
就可以发现生成了public
文件夹,这样只要在public
中建一个repo,再推到Github pages
上就可以了
初次使用记得git init
和git remote add origin git@github.com:jygzyc/jygzyc.github.io.git
,之后就可以运行下面的脚本操作了
|
|
7 私有服务器部署
最近搞了自己的服务器,把东西都挪到服务器上了,那么就需要在服务器上进行环境的搭建
我使用的是阿里云的轻量应用服务器,首先是博客本身不会有太多的流量,其次配置起来要容易一些。
首先进入控制台,能看到选择使用哪一种应用,这里选择LNMP
这样我们使用ssh进行连接后,首先安装git,因为最后我们是使用git进行同步的
安装git
|
|
在服务端新建一个git仓库,主要作用即同步本地生成的静态博客目录
|
|
配置钩子,这一步是为了将同步的内容放到网站目录下
|
|
写入以下文本
|
|
之后可以设定绑定域名,并进行解析
8 文章最近更新配置
在使用时发现文章最近更新时间不会随着文件修改而更新,去官网找了一下,最后在站点 config.toml
中添加如下配置后终于正常了
|
|