侧边栏头像
在主题配置文件 _config.yml
中编辑:
1 | avatar: [头像路径] |
网站的 favicon(浏览器tab图标)
在主题配置文件中设置:
1 | # For example, you put your favicons into `hexo-site/source/images` directory. |
设置 分类、标签云、关于 等菜单页面
在站点目录下分别执行:
1 | hexo new page "categories" # 新增分类 |
可以在对应模块的 index.md
中添加 comments: false
来关闭评论功能;
然后在主题配置文件 _config.yml
中打开对应模块的注释(或者自己手动添加):
1 | menu: |
显示分类/标签菜单项的内容量
启用主题配置文件中的 menu_settings
. badges
为 true
:
1 | # Enable/Disable menu icons / item badges. |
需要注意的是, next 主题在模板文件 menu-badge.swig
中写死的三个变量(archives, categories, tags):
1 | {% macro render(name) %} |
所以, 在主题配置文件 menu
的配置中,
1 | menu: |
关于 tags
, categories
, archives
三项的第一个值是不能修改的;
如若要修改, 就要同步修改 menu-badges.swig
模板文件, 当然, 不支持中文…阁主泪奔~~o(>_<)o ~~
博客背景 canvas_nest
在主题配置文件中配置脚本:
1 | canvas_nest: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1.0.0/canvas-nest.min.js |
并启用:
1 | canvas_nest: |
博客的数据统计
不蒜子
在主题配置文件中启用:
1 | # Show Views / Visitors of the website / page with busuanzi. |
顶部进度条
来源: theme-next-pace
- 将项目中的 css 和 js 文件下载放置到
/themes/next/source/lib/pace/
目录下; - 在主题配置文件中启用:
1 | # Progress bar in the top during page loading. |
返回顶部 + 当前浏览进度
在主题配置文件中启用:
1 | back2top: |
右上角/左上角的 Fork me on github
在主题配置文件中启用:
1 | # Follow me on GitHub banner in right-top corner. |
增加首页中的 “阅读全文” 按钮
在主题配置文件中启用:
1 | # Automatically Excerpt. Not recommend. |
站点域名配置
当然, 首先你得要有个域名, 阁主以 memento.net.cn
为例, 至于如何购买域名, 实名云云, 自己 google 解决, 有不懂的可以来找阁主~
- 在
source
根目录下放置一个文件CNAME
, 注意 没有后缀名 的, 文件里就存一行memento.net.cn
即可; 如此在hexo d
发布项目时会把该文件也上传, 告知服务器(github or gitee) 自定义的域名是什么; - 在博客配置文件中设置:
1 | # URL |
- 接着在
Github
的博客项目Settings
下配置, 将Custom domain
设置成自己购买的域名:
- 域名的 DNS 解析可以参考阁主的, 阁主同时部署在 Github 和 Gitee 上, 所以设置了两组解析记录;
a. 注意, coding 的 DNS 解析记录值为
pages.coding.me
, 设置成 coding pages 里提供的域名也可以使用, 但是会出现其他一些问题, 所以还是按照 coding 官网说明的进行设置
b. 注意, 其中 github 的解析线路均指向了境外
, 这样就可以将国内的解析到 coding, 国外的解析到 github 了.
c. 注意, 如果先添加了 github 的 DNS 解析, 后再添加 coding 的 DNS 解析, 需要先将 github 的 DNS 解析先暂停, 这样在 coding 的 pages 中进行域名绑定时才会被通过, 否则会一直出现SSL/TLS 安全证书的申请认证错误
问题
添加博客项目 README.md, 跳过渲染
在博客配置文件中设置:
1 | skip_render: README.md |
侧边栏显示近期文章列表
在 /themes/next/layout/_custom/sidebar.swig
的自定义侧边栏文件模板中添加 近期文章列表
模块;
1 | {% if theme.recent_posts %} |
代码是阁主写的? nonono, 很明显是从网上 copy 来的, 来源出处有很多, 所以就没有记录下来. 当然他们很懒的直接采用了 next 主题默认的友链侧边栏样式, o(╯□╰)o
还没有完呢, 还需要在主题配置文件中添加配置:
1 | recent_posts_title: 近期文章 |
效果图如下: