基于Hexo的matery主题搭建博客并深度优化
本文转自 悟尘纪,获取更新内容可查看原文: https://www.lixl.cn/2019/092856736.html
对于有一定技术背景的同学,自己动手搭建博客网站是一个很不错的选择。选择喜欢的主题,按需进行个性化配置,随时在本地用自己喜欢的工具写文章,一键发布到多个博客托管平台,使用自己喜欢的图床/CDN来加速…
演示站点(天弈初心) 基于 Hexo 的 hexo-theme-matery 主题构建。
安装hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
前提
安装 Hexo 相当简单,只需要先安装下列应用程序即可:
- Node.js (Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本)
- Git
安装
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
$ npm install -g hexo-cli
安装以后,可以使用以下两种方式执行 Hexo:
npx hexo
- 将 Hexo 所在的目录下的
node_modules
添加到环境变量之中即可直接使用hexo
:
echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
升级
后期需要升级的化,进入 blog 目录,先检查更新:
$ npm outdated
Package Current Wanted Latest Location
hexo 3.9.0 3.9.0 4.2.0 hexo-site
hexo-deployer-git 1.0.0 1.0.0 2.1.0 hexo-site
hexo-generator-archive 0.1.5 0.1.5 1.0.0 hexo-site
hexo-generator-category 0.1.3 0.1.3 1.0.0 hexo-site
hexo-generator-feed 1.2.2 1.2.2 2.2.0 hexo-site
hexo-generator-index 0.2.1 0.2.1 1.0.0 hexo-site
hexo-generator-tag 0.2.0 0.2.0 1.0.0 hexo-site
hexo-renderer-ejs 0.3.1 0.3.1 1.0.0 hexo-site
hexo-renderer-marked 0.3.2 0.3.2 2.0.0 hexo-site
hexo-renderer-stylus 0.3.3 0.3.3 1.1.0 hexo-site
hexo-server 0.3.3 0.3.3 1.0.0 hexo-site
修改 package.json
文件,基于 Latest
列内容更新版本号,然后更新并检查版本号:
$ npm install --save# 检查版本号
$ hexo -v
hexo: 4.2.0
hexo-cli: 3.1.0
......
建站
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init <folder>
$ cd <folder>
$ npm install
新建完成后,指定文件夹的目录如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
启动
此时,通过 hexo s
命令即可在本地启动您的博客站点了。
~ hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
接下来将安装主题,配置博客托管平台,实现一键发布并刷新CDN缓存。
目录结构说明
在执行过Hexo deploy
命令之后,目录结构新增了.deploy_git
,public
,.gitignore
,如下:
$ tree -L 2
.
├── .deploy_git
├── node_modules
├── public
├── scaffolds
│ ├── draft.md
│ ├── page.md
│ └── post.md
├── source
│ ├── _posts
│ ├── _drafts
├── themes
├── _config.yml
├── db.json
├── package.json
└── package-lock.json
_config.yml
用来配置博客相关的参数,初始化时自动创建。具体参数设置,可参照 Hexo 配置 文档。
node_modules 和 package.json
都是在初始化时自动创建。
node_modules
用来存储已安装的各类依赖包。
package.json
用来查看 Hexo 的版本以及相关依赖包的版本。
Hexo 会默认安装:
- hexo:主程序
- hexo-deployer-git:实现 git 部署方式
- hexo-generator-archive:存档页面生成器
- hexo-generator-category:分类页面生成器
- hexo-generator-index:index 生成器
- hexo-generator-tag:标签页面生成器
- hexo-renderer-ejs:支持 EJS 渲染
- hexo-renderer-marked:Markdown 引擎
- hexo-renderer-stylus:支持 stylus 渲染
- hexo-server:支持本地预览,默认地址 localhost:4000
新安装的依赖包,也会保存在node_module
文件夹下。
scaffold
模板文件夹,初始化时自动创建。包含page
,post
,draft
三种模板,分别对应 页面、要发布的文章、草稿。
themes
主题文件夹,初始化时自动创建。每一个主题,都有一个单独的文件夹。默认主题为 landscape。
source , public 和 .deploy_git
- source:资源文件夹。用来存放图片、Markdown 文档(文章、草稿)、各种页面(分类、关于页面等)。
- public:将 source 文件夹里的 Markdown 文档,转换成 index.html。再结合主题进行渲染,就是我们最终看到的博客。
- .deploy_git:将 public 文件夹的内容提交到 Github 后生成,内容与 public 文件夹基本一致。
这三者的关系大致是:source -> public -> .deploy_git
执行hexo generate
,根据 source,更新 public。
执行hexo deploy
,根据 public,更新 .deploy_git。
配置主题
下载主题
hexo-theme-matery 是一个采用 Material Design
和响应式设计的 Hexo 博客主题,点击 这里 可以查看示例效果。点击 这里 下载 master
分支的最新稳定版的代码,解压缩后,将 hexo-theme-matery
的文件夹复制到 Hexo 的 themes
文件夹中即可。
切换主题
修改 Hexo 根目录下的 _config.yml
的 theme
的值:theme: hexo-theme-matery
_config.yml
文件的其它修改建议:
- 请修改
_config.yml
的url
的值为你的网站主URL
(如:http://xxx.github.io
)。 - 建议修改两个
per_page
的分页条数值为6
的倍数,如:12
、18
等,这样文章列表在各个屏幕下都能较好的显示。 - 如果是中文用户,则建议修改
language
的值为zh-CN
。
新建分类 categories 页
categories
页是用来展示所有分类的页面,如果 source
目录下还没有 categories/index.md
文件,那么就需要新建一个,命令如下:
hexo new page "categories"
编辑你刚刚新建的页面文件 /source/categories/index.md
,至少需要以下内容:
---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---
新建标签 tags 页
tags
页是用来展示所有标签的页面,如果 source
目录下还没有 tags/index.md
文件,那么就需要新建一个,命令如下:
hexo new page "tags"
编辑刚刚新建的页面文件 /source/tags/index.md
,至少需要以下内容:
---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---
新建关于我 about 页
about
页是用来展示关于我和我的博客信息的页面,如果 source
目录下还没有 about/index.md
文件,那么就需要新建一个,命令如下:
hexo new page "about"
编辑刚刚新建的页面文件 /source/about/index.md
,至少需要以下内容:
---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---
新建友情连接 friends 页(可选的)
friends
页是用来展示友情连接信息的页面,如果 source
目录下还没有 friends/index.md
文件,那么就需要新建一个,命令如下:
hexo new page "friends"
编辑刚刚新建的页面文件 /source/friends/index.md
,至少需要以下内容:
---
title: friends
date: 2018-12-12 21:25:30
type: "friends"
layout: "friends"
---
同时,在 source
目录下新建 _data
目录,在 _data
目录中新建 friends.json
文件,文件内容如下所示:
[{"avatar": "http://blog.tianyichuxin.com/medias/logo.png","name": "天弈初心","introduction": "与天对弈,初心不改","url": "http://blog.tianyichuxin.com","title": "前去参观"
},{"avatar": "http://image.luokangyuan.com/4027734.jpeg","name": "闪烁之狐","introduction": "编程界大佬,技术牛,人还特别好,不懂的都可以请教","url": "http://blinkfox.com","title": "前去参观"
}, {"avatar": "https://blog.rxliuli.com/medias/avatar.jpg","name": "rxliuli","introduction": "假如没有看见光明,我可以忍受黑暗","url": "https://blog.rxliuli.com","title": "前去参观"
}, {"avatar": "https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg","name": "Hexo","introduction": "Hexo 是一个快速、简洁且高效的博客框架","url": "https://hexo.io/zh-cn/docs","title": "前去学习"
}, {"avatar": "https://www.bootcdn.cn/assets/img/maoyun.svg","name": "BootCDN","introduction": "稳定、快速、免费的前端开源项目 CDN 加速服务","url": "https://www.bootcdn.cn","title": "前去加速"
}, {"avatar": "https://blog.sky03.cn/medias/logo.png","name": "Hexo进阶","introduction": "如果你想学更多的Hexo知识,这里有你想要的","url": "https://blog.sky03.cn/posts/42790.html#toc-heading-1","title": "前去学习"
}, {"avatar": "https://www.jinrishici.com/img/logo.png","name": "今日诗词","introduction": "浓雾知秋晨气润,薄云遮日午阴凉,不须飞盖护戎装","url": "https://www.jinrishici.com","title": "前去使用"
}, {"avatar": "https://i.loli.net/2020/02/07/kDIUWCQpKEdFTP8.png","name": "一言","introduction": "酸甜苦辣咸,五味调和,共存相生,百味纷呈","url": "https://hitokoto.cn","title": "前去使用"
}, {"avatar": "http://busuanzi.ibruce.info/images/garlic.png","name": "不蒜子","introduction": "两行代码,搞定计数。不蒜子,不需要计算的算子","url": "http://busuanzi.ibruce.info","title": "前去使用"
}]
代码高亮
由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下:
npm i -S hexo-prism-plugin
然后,修改 Hexo 根目录下 _config.yml
文件中 highlight.enable
的值为 false
,并新增 prism
插件相关的配置,主要配置如下:
# 检查选项_config.yml中的 highlight,确保禁用默认代码高亮插件。
highlight:enable: falseprism_plugin:mode: 'preprocess' # realtime/preprocesstheme: 'tomorrow'line_number: false # default falsecustom_css:
搜索
本主题中还使用到了 hexo-generator-search 的 Hexo 插件来做内容搜索,安装命令如下:
npm install hexo-generator-search --save
在 Hexo 根目录下的 _config.yml
文件中,新增以下的配置项:
search:path: search.xmlfield: post
修改页脚
页脚信息可能需要做定制化修改,而且它不便于做成配置信息,所以可能需要你自己去再修改和加工。修改的地方在主题文件的 /layout/_partial/footer.ejs
文件中,包括站点、使用的主题、访问量等。
修改社交链接
在主题的 _config.yml
文件中,默认支持 QQ
、GitHub
和邮箱的配置,可以在主题文件的 /layout/_partial/social-link.ejs
文件中,新增、修改需要的社交链接地址,增加链接可参考如下代码:
<a href="https://github.com/blinkfox" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50"><i class="fa fa-github"></i>
</a>
其中,社交图标(如:fa-github
)可以在 Font Awesome 中搜索找到。以下是常用社交图标的标识,供参考:
- Facebook:
fa-facebook
- Twitter:
fa-twitter
- Google-plus:
fa-google-plus
- Linkedin:
fa-linkedin
- Tumblr:
fa-tumblr
- Medium:
fa-medium
- Slack:
fa-slack
- 新浪微博:
fa-weibo
- 微信:
fa-wechat
- QQ:
fa-qq
修改打赏的二维码图片
在主题文件的 source/medias/reward
文件中,可以替换成你的的微信和支付宝的打赏二维码图片。
一键部署
通过 hexo-deployer-git 插件可以实现一键将博客同时部署到多个git仓库中。如同时发布到github及gitee提供的pages服务。安装:
npm install hexo-deployer-git --save
修改 Hexo 根目录下的 _config.yml
文件中的如下内容:
## Docs: https://hexo.io/docs/deployment.html
deploy:- type: gitrepo: https://gitee.com/tianyichuxin/tianyichuxin.github.io.gitbranch: masterignore_hidden: false- type: gitrepo: https://github.com/tianyichuxin/tianyichuxin.github.io.gitbranch: masterignore_hidden: false
也可以采用 hexo-deployer-cos-enhanced 插件将静态内容部署到腾讯云对象存储服务中,在DNS配置中将境内线路解析到腾讯云CDN地址,实现加速。部署完成后会自动刷新被更新文件的CDN缓存。
安装:
npm install hexo-deployer-cos-enhanced --save
_config.yml
配置如下:
deploy:- type: gitrepo: https://github.com/tianyichuxin/tianyichuxin.github.io.gitbranch: masterignore_hidden: false- type: cosbucket: lxl80-130****region: ap-beijingsecretId: AKIDh9****F8FvLsecretKey: Z3IGiur****QZR3PgjXmlVgcdnConfig:enable: truecdnUrl: https:https:https://static.tianyichuxin.combucket: static-130****region: ap-beijingfolder: staticsecretId: AKIDh9****F8FvLsecretKey: Z3IGiur****QZR3PgjXmlVg
然后通过 hexo g -d
即可实现一键发布,并更新CDN缓存。
文章链接转静态短地址(建议安装)
如果文章名称是中文的,那么 Hexo 默认生成的永久链接也会有中文,这样不利于 SEO
,且 gitment
评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin。 Hexo 插件生成文章时生成中文拼音的永久链接,或者用hexo-abbrlink 生成静态文章链接。以下结合hexo-abbrlink生成类似 /yyyy/mmdd+随机数.html
的文章链接地址。
安装命令如下:
npm install hexo-abbrlink --save
在 Hexo 根目录下的 _config.yml
文件中,修改 permalink:
,并在文件末尾新增 abbrlink:
配置项:
permalink: :year/:month:day:abbrlink.htmlabbrlink: alg: crc16 #算法选项:crc16丨crc32rep: dec #输出进制:dec为十进制,hex为十六进制
CND加速(建议启用)
放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。也可以选择主流云服务商提供的对象存储+CDN来获得更快速及稳定的访问效果,费用低到几乎可忽略。
用法:
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
例如:
https://cdn.jsdelivr.net/gh/lxl80/blog@gh-pages/medias/banner/1.jpg
注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源。
还可以配合 PicGo图床上传工具的自定义域名前缀来上传图片,使用极其方便。具体使用方法可参见: 使用Typora+iPic/PicGo图床+CDN实现高效Markdown创作
文章字数统计插件(可选的)
如果你想要在文章中显示文章字数、阅读时长信息,可以安装 hexo-wordcount插件。
安装命令如下:
npm i --save hexo-wordcount
然后只需在本主题下的 _config.yml
文件中,激活以下配置项即可:
wordCount:enable: false # 将这个值设置为 true 即可.postWordCount: truemin2read: truetotalCount: true
添加 RSS 订阅支持(可选的)
本主题中还使用到了 hexo-generator-feed 的 Hexo 插件来做 RSS
,安装命令如下:
npm install hexo-generator-feed --save
在 Hexo 根目录下的 _config.yml
文件中,新增以下的配置项:
feed:type: atompath: atom.xmllimit: 20hub:content:content_limit: 140content_limit_delim: ' 'order_by: -date
执行 hexo clean && hexo g
重新生成博客文件,然后在 public
文件夹中即可看到 atom.xml
文件,说明已经安装成功了。
自定制修改
在本主题的 _config.yml
中可以修改部分自定义信息,有以下几个部分:
- 菜单
- 我的梦想
- 首页的音乐播放器和视频播放器配置
- 是否显示推荐文章名称和按钮配置
favicon
和Logo
- 个人信息
- TOC 目录
- 文章打赏信息
- 复制文章内容时追加版权信息
- MathJax
- 文章字数统计、阅读时长
- 点击页面的’爱心’效果
- 我的项目
- 我的技能
- 我的相册
Gitalk
、Gitment
、Valine
和disqus
评论配置- 不蒜子统计和谷歌分析(
Google Analytics
) - 默认特色图的集合。当文章没有设置特色图时,本主题会根据文章标题的
hashcode
值取余,来选择展示对应的特色图
如果本主题中的诸多功能和主题色彩你不满意,可以在主题中自定义修改,很多更自由的功能和细节点的修改难以在主题的 _config.yml
中完成,需要修改源代码才来完成。以下列出了可能有用的地方:
修改主题颜色
在主题文件的 /source/css/matery.css
文件中,搜索 .bg-color
来修改背景颜色:
/* 整体背景颜色,包括导航、移动端的导航、页尾、标签页等的背景颜色. */
.bg-color {background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
}@-webkit-keyframes rainbow {/* 动态切换背景颜色. */
}@keyframes rainbow {/* 动态切换背景颜色. */
}
修改 banner 图和文章特色图
可以直接在 /source/medias/banner
文件夹中更换喜欢的 banner
图片,主题代码中是每天动态切换一张,只需 7
张即可。如果会 JavaScript
代码,可以修改成自己喜欢切换逻辑,如:随机切换等,banner
切换的代码位置在 /layout/_partial/bg-cover-content.ejs
文件的 <script></script>
代码中:
$('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)');
在 /source/medias/featureimages
文件夹中默认有 24 张特色图片,你可以再增加或者减少,并需要在 _config.yml
做同步修改。
文章 Front-matter 介绍
Front-matter 选项详解
Front-matter
选项中的所有内容均为非必填的。但仍然建议至少填写 title
和 date
的值。
配置选项 | 默认值 | 描述 |
---|---|---|
title |
Markdown 的文件标题
|
文章标题,强烈建议填写此选项 |
date | 文件创建时的日期时间 | 发布时间,强烈建议填写此选项,且最好保证全局唯一 |
author |
根 _config.yml 中的 author
|
文章作者 |
img |
featureImages 中的某个值
|
文章特征图 |
top |
true
|
推荐文章(文章是否置顶),如果 top 值为 true ,则会作为首页推荐文章
|
cover |
false
|
表示该文章是否需要加入到首页轮播封面中 |
coverImg | 无 | 表示该文章在首页轮播封面需要显示的图片路径,如果没有,则默认使用文章的特色图片 |
password | 无 |
文章阅读密码,如果要对文章设置阅读验证密码的话,就可以设置 password 的值,该值必须是用 SHA256 加密后的密码,防止被他人识破。前提是在主题的 config.yml 中激活了 verifyPassword 选项
|
toc |
true
|
是否开启 TOC,可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 config.yml 中激活了 toc 选项
|
mathjax |
false
|
是否开启数学公式支持 ,本文章是否开启 mathjax ,且需要在主题的 _config.yml 文件中也需要开启才行
|
summary | 无 | 文章摘要,自定义的文章摘要内容,如果这个属性有值,文章卡片摘要就显示这段文字,否则程序会自动截取文章的部分内容作为摘要 |
categories | 无 | 文章分类,本主题的分类表示宏观上大的分类,只建议一篇文章一个分类 |
tags | 无 | 文章标签,一篇文章可以多个标签 |
注意:
- 如果
img
属性不填写的话,文章特色图会根据文章标题的hashcode
的值取余,然后选取主题中对应的特色图片,从而达到让所有文章都的特色图各有特色。date
的值尽量保证每篇文章是唯一的,因为本主题中Gitalk
和Gitment
识别id
是通过date
的值来作为唯一标识的。- 如果要对文章设置阅读验证密码的功能,不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值,还需要在主题的
_config.yml
中激活了配置。有些在线的 SHA256 加密的地址,可供使用:开源中国在线工具、chahuo、站长工具。
以下为文章的 Front-matter
示例。
最简示例
---
title: 基于Hexo的hexo-theme-matery主题搭建博客并优化
date: 2019-10-03 14:25:00
---
最全示例
---
title: 基于Hexo的hexo-theme-matery主题搭建博客并优化
date: 2019-10-03 14:25:00
author: 悟尘
img: /source/images/xxx.jpg
top: true
cover: true
coverImg: /images/1.jpg
password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
toc: false
mathjax: false
summary: 这是你自定义的文章摘要内容,如果这个属性有值,文章卡片摘要就显示这段文字,否则程序会自动截取文章的部分内容作为摘要
categories: 工具
tags:- blog- hexo
---
SEO优化
搜索引擎优化,又称为SEO,即Search Engine Optimization,它是一种通过分析搜索引擎的排名规律,了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。Google自动收录效果还不错,百度就差得远了(GitHub
不允许百度的Spider
爬取GitHub
上的内容)。
百度优化
登录百度搜索资源平台, 登录成功之后在 用户中心 --> 站点管理 页面中点击添加网站,按提示操作。
提示:由于百度的spider是爬取不到GitHub的内容的,所以在第三步验证网站的时候,建议选择
CNAME验证
的方式。
经过以上步骤,百度已经知道有我们网站的存在了,但是百度还不知道我们的网站上有什么内容,所以要向百度推送我们的内容。hexo-theme-matery
主题已经内置了 自动推送
的方式, 检查 themes/hexo-theme-matery/_config.yml
文件中如下配置:
# 百度搜索资源平台提交链接
baiduPush: true
自动推送的JS代码部署在站点的每一个页面源代码中,当页面在每次被浏览时,链接就会被自动推送给百度。
谷歌优化
登录 Google Search Console,点击添加资源,输入自己的域名,按提示操作。
提示:需要进行DNS验证,进入DNS域名解析设置页面,按提示增加TXT记录,如下图:
验证成功后,需要提交站点地图。通过安装sitemap插件生成站点地图文件:
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save #百度专用,可选
安装后直接执行 hexo cl&&hexo g -d
命令,就会在网站根目录生成 sitemap.xml
文件。参照下图提交,等待收录。
注意:hexo配置文件中的url一定要输入正确的域名,插件是根据url生成站点地图的。
常用命令
指令说明
hexo server
#启动本地服务器,用于预览主题。Hexo 会监视文件变动并自动更新,除修改站点配置文件外,无须重启服务器,直接刷新网页即可生效。
hexo server -s
#以静态模式启动
hexo server -p 5000
#更改访问端口 (默认端口为4000,'ctrl + c’关闭server)
hexo server -i IP地址
#自定义 IP
hexo clean
#清除缓存 ,网页正常情况下可以忽略此条命令,执行该指令后,会删掉站点根目录下的public文件夹
hexo g
#生成静态网页 (执行 $ hexo g
后会在站点根目录下生成public文件夹, hexo会将"/blog/source/" 下面的.md后缀的文件编译为.html后缀的文件,存放在"/blog/public/ " 路径下)
hexo d
#自动生成网站静态文件,并将本地数据部署到设定的仓库(如github)
hexo init
文件夹名称 #初始化XX文件夹名称
npm update hexo -g
#升级
npm install hexo -g
#安装
node-v
#查看node.js版本号
npm -v
#查看npm版本号
git --version
#查看git版本号
hexo -v
#查看hexo版本号
简写指令
hexo n "我的第一篇文章"` 等价于 `hexo new "我的第一篇文章"` 还等价于 `hexo new post "我的第一篇文章"
hexo p` 等价于 `hexo publish
hexo g` 等价于 `hexo generate
hexo s`等价于 `hexo server
hexo d` 等价于 `hexo deploy
hexo g -d`等价于`hexo generate --deploy
注: hexo clean
没有 简写, git --version
没有简写
常见问题
- 通过
hexo g -d
部署时报Error: Spawn failed
错误:
这是由于git本地记录的提交版本号与github上不一致导致的,通过
git reset --hard commitCode
即可解决。
- 检查本地最近提交记录,获取最后一次提交记录的更新时间及标识,如
280a7fdd46fcfd7d34e652aec15523dcd247fac8
cd .deploy_git
cat .git/logs/HEAD
获取github pages服务所关联分支的最近一次提交记录,获取更新时间及标识。地址一般为:
https://github.com/用户名/仓库名/commits/分支名
,如https://github.com/lxl80/blog/commits/gh-pages
如果发现提交最新的提交时间/标识不一致,通过以下命令即可解决:
git reset --hard f085038efdf79546c09641d37b2a2429c1ae8e60 #github上最新的提交标识
参照
- hexo 官方文档
- 闪烁之狐
- hexo-theme-matery
- Hexo 进阶之各种优化
以上内容转自:悟尘纪,原文链接:基于Hexo的matery主题搭建博客并深度优化
基于Hexo的matery主题搭建博客并深度优化相关推荐
- Gitment给基于hexo的yilia主题的博客搭建免费评论系统
我的拔牙经历 我的博客用的是搜狐的畅言,功能确实非常强大,但是很多功能我用不上,也不会用,有两个问题:1)评论需要登录,有门槛:2)页面底部有广告.严重影响视觉体验. 点击站长去广告吧,跳到了付费页面 ...
- 基于Hexo+Gitee的个人静态博客网页搭建
基于Hexo+Gitee的个人静态博客网页搭建 前言 环境搭建:NodeJs+Git+Hexo (Win10+64位) NodeJs安装 Hexo安装 主题配置 Gitee仓库创建和部署 个性化配置 ...
- Hexo框架+Github Page搭建博客(附下载主题、导出CSDN博客至Hexo博客)
文章目录 一.Git的下载与安装 二.Nodejs安装 三.安装Hexo 四.初始化Hexo 4.1 hexo init 4.2 配置_config.yml 4.3 hexo s运行 4.4 下载更多 ...
- 使用Hogo+LoveIt主题搭建博客网站
========================== Hugo (雨果)简介 ========================== Hugo 是一个静态网站生成系统, 可以将Markdown文档转成h ...
- Hexo在Github中搭建博客系统(7)万网域名解析到Github Pages
在万网上买域名是相对便宜的,如何直接将域名指向Github Pages呢? 一.购买域名 选域名 登录阿里云万网,根据你自己想好的域名去查询那些网站可以购买. 如果是个人网站,一般以姓名全拼进行注册, ...
- mac环境下搭建hexo+github pages+next个人博客
GitHub Pages Github Pages 是面向用户.组织和项目开放的公共静态页面搭建托管服务,站点可以免费托管在Github上,你可选择试用Github Pages默认提供的域名githu ...
- Hexo搭建博客教程-基于Butterfly主题
title: Hexo搭建博客教程 tags: Hexo 博客教程 categories: Hexo keywords: 'Hexo,博客教程' description: Hexo搭建博客,以及主题b ...
- hexo搭建博客教程(matery主题)
hexo搭建博客教程(matery主题) 写在前面 这篇教程是我搭建个人博客的路程经历和经验总结,matery主题挺多人用,网上也有各种详细教程,没时间我就不出详细教程了,这里给出其他大佬的教程链接, ...
- 用hexo中的matery主题搭建个人博客(完整版)
1.初始化搭建: 使用 gitee | github + hexo 快速搭建 hexo-theme-matery 闪烁之狐主题の个人博客_扶摇而上者九万里的博客-CSDN博客 注意:gitee搭建需要 ...
最新文章
- zkaccess未知错误98_游戏开始就出现这个未知错误,怎么回事,求救
- 图解JVM垃圾回收算法
- c语言异或加密函数,用异或算法实现文件的简单加密
- spring+quartz定时任务配置---MethodInvokingJobDetailFactoryBean
- 虚拟化安全防护系统部署在安全服务器上,虚拟化安全防护-安天 智者安天下
- CSS3之Transition
- centos 生成 ssh-key github 连接 配置
- 报错:OMP: Error #15: Initializing libomp.dylib, but found libiomp5.dylib already initialized.
- java gui 单选_java GUI编程(swing)之三swing单选框复选框组件
- 8.对Hello World程序的深入
- 记录一丢丢自己在用FileTransfer和FileOpener2实现自动更新下载安装apk时候踩的坑
- 维宏控制卡win7 驱动_维宏雕刻机控制卡驱动
- 锂电池电池管理系统 中颖SH367309保护板方案
- python sorted方法
- 单反基础知识:光圈和快门
- html5 3d引擎 星空,使用3D引擎threeJS实现星空粒子移动效果
- 微软官方给出无法安装WIN10更新的终极解决办法:覆盖安装
- 合泰HT32F52352 USART串口与电脑通信控制LED
- 如何计算IP报头的checksum
- 打桥位程序lisp_【下载】借花献佛,AutoLISP程序的安装包制作,感谢秋枫大侠的程序...