Hexo主题设置

   日期:2024-12-27     作者:yindufu1       评论:0    移动:http://w.yusign.com/mobile/news/5442.html
核心提示:这里以主题yilia为例进行说明。 安装主题启用主题 修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为yilia。

这里以主题yilia为例进行说明。

安装主题

启用主题

修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为yilia。

更新主题

现在打开http://localhost:4000/ ,会看到我们已经应用了一个新的主题。

使用hexo deploy部署

hexo deploy可以部署到很多平台,具体可以参考这个链接. 如果部署到github,需要在配置文件_config.xml中作如下修改

然后在命令行中执行

即可完成部署。

注意需要提前安装一个扩展

使用git命令行部署

不幸的是,上述命令虽然简单方便,但是偶尔会有莫名其妙的问题出现,因此,我们也可以追本溯源,使用git命令来完成部署的工作。

clone github repo

将我们之前创建的repo克隆到本地,新建一个目录叫做.deploy用于存放克隆的代码。

创建一个deploy脚本文件

需要部署的时候,执行这段脚本就可以了(比如可以将其保存为deploy.sh)。执行过程中可能需要让你输入Github账户的用户名及密码,按照提示操作即可。

Hexo主题设置

在使用git提交的时候出现错误

后来发现 自己再提交的时候忘记输入git add 上传的文件 出现了上面的错误,需要下面进行修改

每个不同的主题会需要不同的配置,主题配置文件在主题目录下的_config.yml。
以我们使用的yilia主题为例,其提供如下的配置项(themeyilia_config.yml

1.绑定独立域名

购买域名
在你的域名注册提供商那里配置DNS解析,获取GitHub的IP地址点击,进入source目录下,添加CNAME文件

2.使用图床

使用七牛云存储
自己在github上搭建的图床:http://jiji262.github.io/qiniuimgbed/ ,需要首先注册七牛账号使用。

3.添加插件

添加sitemap和feed插件

修改_config.yml,增加以下内容

配完之后,就可以访问和,发现这两个文件已经成功生成了。

5.添加404公益页面

GitHub Pages有提供制作404页面的指引:Custom 404 Pages。

直接在根目录下创建自己的404.html或者404.md就可以。但是自定义404页面仅对绑定顶级域名的项目才起作用,GitHub默认分配的二级域名是不起作用的,使用hexo server在本机调试也是不起作用的。

推荐使用腾讯公益404。

添加about页面

之后在sourceaboutindex.md目录下会生成一个index.md文件,打开输入个人信息即可,如果想要添加版权信息,可以在文件末尾添加

6.添加Fork me on Github

获取代码,选择你喜欢的代码添加到hexo/themes/yilia/layout/layout.ejs的末尾即可,注意要将代码里的you改成你的Github账号名。

添加支付宝捐赠按钮及二维码支付

支付宝捐赠按钮

在D:hexothemesyilialayout_widget目录下新建一个zhifubao.ejs文件,内容如下

添加完该文件之后,要在D:/hexo/themes/yilia/_config.yml文件中启用,如下所示,添加zhifubao

7.二维码捐赠

首先需要到这里获取你的支付宝账户的二维码图片,支付宝提供了自定义功能,可以添加自定义文字。

我的二维码扫描捐赠添加在about页面,当然你也可以添加到其它页面,在D:hexoblogsourceabout下有index.md,打开,在适当位置添加

可以让图片居中显示,注意将图片链接地址换成你的即可。

8.添加百度站内搜索

点击进入,点击其它工具->站内检索->现在使用->新建搜索引擎->查看代码,将代码里的id值复制,打开/d/hexo/themes/jacman/_config.xml,配置成如下即可。

9.使用不蒜子添加访客统计

详情参考搞定你的网站计数,具体做法很简单,就是在你的底部加入这段脚本

然后在中间添加如下统计信息即可

不蒜子的官方服务网站是不蒜子,目前最大的弊端就是不开放注册,所以对于运行了一段时间的网站,不蒜子的数据都是从1开始,没办法设置,只有等后期开放注册之后,登入网站才能对统计计数进行设置。

10.修改页脚

页脚信息可能需要做定制化修改,而且它不便于做成配置信息,所以可能需要你自己去再修改和加工。修改的地方在主题文件的  文件中,包括站点、使用的主题、访问量等。

修改社交链接

在主题的  文件中,默认支持 、 和邮箱的配置,你可以在主题文件的  文件中,新增、修改你需要的社交链接地址,增加链接可参考如下代码

其中,社交图标(如)你可以在 Font Awesome 中搜索找到。以下是常用社交图标的标识,供你参考

  • Facebook: 
  • Twitter: 
  • Google-plus: 
  • Linkedin: 
  • Tumblr: 
  • Medium: 
  • Slack: 
  • 新浪微博: 
  • 微信: 
  • QQ: 

注意: 本主题中使用的  版本为 。

修改打赏的二维码图片

在主题文件的  文件中,你可以替换成你的的微信和支付宝的打赏二维码图片。

配置音乐播放器(可选的

要支持音乐播放,就必须开启音乐的播放配置和音乐数据的文件。

首先,在你的博客  目录下的  目录(没有的话就新建一个)中新建  文件,文件内容如下所示

:以上 JSON 中的属性:、、、 分别表示音乐的名称、作者、音乐文件地址、音乐封面。

然后,在主题的  配置文件中激活配置即可

Front-matter 选项详解

 选项中的所有内容均为非必填的。但我仍然建议至少填写  和  的值。

配置选项默认值描述title 的文件标题文章标题,强烈建议填写此选项date文件创建时的日期时间发布时间,强烈建议填写此选项,且最好保证全局唯一author根 中的 文章作者img中的某个值文章特征图,推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如: top推荐文章(文章是否置顶,如果  值为 ,则会作为首页推荐文章cover版本新增,表示该文章是否需要加入到首页轮播封面中coverImg无版本新增,表示该文章在首页轮播封面需要显示的图片路径,如果没有,则默认使用文章的特色图片password无文章阅读密码,如果要对文章设置阅读验证密码的话,就可以设置  的值,该值必须是用  加密后的密码,防止被他人识破。前提是在主题的  中激活了  选项toc是否开启 TOC,可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 中激活了  选项mathjax是否开启数学公式支持 ,本文章是否开启 ,且需要在主题的  文件中也需要开启才行summary无文章摘要,自定义的文章摘要内容,如果这个属性有值,文章卡片摘要就显示这段文字,否则程序会自动截取文章的部分内容作为摘要categories无文章分类,本主题的分类表示宏观上大的分类,只建议一篇文章一个分类tags无文章标签,一篇文章可以多个标签

注意:

  1. 如果  属性不填写的话,文章特色图会根据文章标题的  的值取余,然后选取主题中对应的特色图片,从而达到让所有文章都的特色图各有特色
  2.  的值尽量保证每篇文章是唯一的,因为本主题中  和  识别  是通过  的值来作为唯一标识的。
  3. 如果要对文章设置阅读验证密码的功能,不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值,还需要在主题的  中激活了配置。有些在线的 SHA256 加密的地址,可供你使用:开源中国在线工具、chahuo、站长工具。

以下为文章的  示例。

最简示例

最全示例

Hexo主页
hexo你的博客
Markdown 语法说明 (简体中文版)

     本文地址:http://w.yusign.com/news/5442.html    述古往 http://w.yusign.com/static/ , 查看更多
 
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号