开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题
如何对如何搭建hexo+github可以查看我第一篇入门文章:
可以查看在github上生成的静态文件:,如果觉得可以请给颗星星。
下面贴出github上star数量最多的前10个主题:
1., 3510个star。2., 1703个star。3., 679个star。4., 503个star。5., 431个star。6., 416个star。7., 367个star。8., 336个star。9., 303个star。10., 287个star。
1、clone主题代码
在根目录下执行
2、修改配置文件
修改根目录下的_config.yml
文件:
3、修改themes/yilia/_config.yml
文件:
修改为:
主页: /<span style="color: #000000;">
所有文章: /allPages
随笔: /tags
相册: /photos
<span style="color: #000000;">
SubNav
subnav:
github: "https://github.com/saucxs"<span style="color: #000000;">
weibo: "#"<span style="color: #000000;">
rss: /atom.xml
zhihu: "#"<span style="color: #000000;">
qq: "#"<span style="color: #000000;">
weixin: "#"<span style="color: #000000;">
jianshu: "#"<span style="color: #000000;">
douban: "#"<span style="color: #000000;">
segmentfault: "#"<span style="color: #000000;">
bilibili: "#"<span style="color: #000000;">
acfun: "#"<span style="color: #000000;">
mail: "mailto:litten225@qq.com"<span style="color: #000000;">
facebook: "#"<span style="color: #000000;">
google: "#"<span style="color: #000000;">
twitter: "#"<span style="color: #000000;">
linkedin: "#"<span style="color: #000000;">
是否需要修改 root 路径
如果您的网站存放在子目录中,例如 http:<span style="color: #008000;">//<span style="color: #008000;">yoursite.com/blog,
请将您的 url 设为 http:<span style="color: #008000;">//<span style="color: #008000;">yoursite.com/blog 并把 root 设为 /blog/。
<span style="color: #000000;">root:
Content
文章太长,截断按钮文字
excerpt_link: 阅读全文
文章卡片右下角常驻链接,不需要请设置为false
show_all_link: '展开全文'<span style="color: #000000;">
数学公式
mathjax: <span style="color: #0000ff;">false<span style="color: #000000;">
是否在新窗口打开链接
open_in_new: <span style="color: #0000ff;">false<span style="color: #000000;">
fancybox: <span style="color: #0000ff;">true<span style="color: #000000;">
是否开启动画效果
animate: <span style="color: #0000ff;">true<span style="color: #000000;">
打赏
打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏; 2-<span style="color: #000000;">所有文章均有打赏
reward_type: 2<span style="color: #000000;">
打赏wording
reward_wording: '谢谢你请我吃糖果'<span style="color: #000000;">
支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg
alipay: /assets/img/alipay.jpg
<span style="color: #000000;"># 微信二维码图片地址
weixin: /assets/img/wechat.png
<span style="color: #000000;">
目录
目录设定:0-不显示目录; 1-文章对应的md文件里有toc:true属性,才有目录; 2-<span style="color: #000000;">所有文章均显示目录
toc: 1<span style="color: #000000;">
根据自己的习惯来设置,如果你的目录标题习惯有标号,置为true即可隐藏hexo重复的序号;否则置为false
toc_hide_index: <span style="color: #0000ff;">true<span style="color: #000000;">
目录为空时的提示
toc_empty_wording: '目录,不存在的…'<span style="color: #000000;">
是否有快速回到顶部的按钮
top: <span style="color: #0000ff;">true<span style="color: #000000;">
Miscellaneous
baidu_analytics: ''<span style="color: #000000;">
google_analytics: ''<span style="color: #000000;">
favicon: /favicon.png
<span style="color: #000000;">
你的头像url
avatar:
是否开启分享
share_jia: <span style="color: #0000ff;">true<span style="color: #000000;">
share_addthis: <span style="color: #0000ff;">false<span style="color: #000000;">
评论:1、多说;2、网易云跟帖;3、畅言;4<span style="color: #000000;">、Disqus 不需要使用某项,直接设置值为false,或注释掉
具体请参考wiki:https:<span style="color: #008000;">//<span style="color: #008000;">github.com/litten/hexo-theme-yilia/wiki/
<span style="color: #000000;">
1<span style="color: #000000;">、多说
duoshuo: <span style="color: #0000ff;">false<span style="color: #000000;">
2<span style="color: #000000;">、网易云跟帖
wangyiyun: <span style="color: #0000ff;">false<span style="color: #000000;">
3<span style="color: #000000;">、畅言
changyan_appid: <span style="color: #0000ff;">false<span style="color: #000000;">
changyan_conf: <span style="color: #0000ff;">false<span style="color: #000000;">
4<span style="color: #000000;">、Disqus 在hexo根目录的config里也有disqus_shortname字段,优先使用yilia的
disqus: <span style="color: #0000ff;">false<span style="color: #000000;">
样式定制 -<span style="color: #000000;"> 一般不需要修改,除非有很强的定制欲望…
style:
头像上面的背景颜色
header: '#4d4d4d'<span style="color: #000000;">
右滑板块背景
slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'<span style="color: #000000;">
slider的设置
slider:
是否默认展开tags板块
showTags: <span style="color: #0000ff;">false<span style="color: #000000;">
智能菜单
如不需要,将该对应项置为false
比如
smart_menu:
friends: <span style="color: #0000ff;">false<span style="color: #000000;">
smart_menu:
innerArchive: '所有文章'<span style="color: #000000;">
friends: '友链'<span style="color: #000000;">
aboutme: '关于我'<span style="color: #000000;">
friends:
百度一下: http:<span style="color: #008000;">//<span style="color: #008000;">www.baidu.com
友情链接2: http:<span style="color: #008000;">//<span style="color: #008000;">localhost:4000/
友情链接3: http:<span style="color: #008000;">//<span style="color: #008000;">localhost:4000/
友情链接4: http:<span style="color: #008000;">//<span style="color: #008000;">localhost:4000/
友情链接5: http:<span style="color: #008000;">//<span style="color: #008000;">localhost:4000/
友情链接6: http:<span style="color: #008000;">//<span style="color: #008000;">localhost:4000/
<span style="color: #000000;">
aboutme: 小本科一枚
毕业于沈航,就职于苏宁
只是一个前端小开发
4、运行
5、写新的博客
6、运行测试