github+hexo搭建自己的博客网站(二)更换主题yilia

前端之家收集整理的这篇文章主要介绍了github+hexo搭建自己的博客网站(二)更换主题yilia前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题

如何对如何搭建hexo+github可以查看我第一篇入门文章

详细的可以查看hexo博客的演示:

可以查看在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主题代码

在根目录下执行

$ git clone https:

2、修改配置文件

修改根目录下的_config.yml文件:

theme: yilia

3、修改themes/yilia/_config.yml文件:

修改为:

menu:
主页:
/<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、运行

hexo clean

5、写新的博客

hexo '博客文章名字'

6、运行测试

hexo s -g

 

猜你在找的Node.js相关文章