🔍 检索绿色通道
     1.JCR-IF查询      2.CiteScore-IF查询     3.SCI检索     4.中科院分区查询     5.SSCI检索     6.AHCI检索     7.ESCI检索(新增)     8.EI检索     9.EI检索备用     10.ISTP/CPCI检索备用(新增)      11.梅斯期刊智能查询     12.CSCD检索     13.CSSCI检索     14.北大核心检索      15.国自然官方查询     16.国自然梅斯查询     17.国自然科学网查询     18.论文被检索情况查询方法

Hexo Landscape 如何自定义(添加)个性化导航栏


目的:帮助和我一样的小白菜们,在 Hexo Landscape主题网站中添加自己想要的导航栏(Home 和 Archives 以外的自定义项)。

换句话说就是:

我已经在我的Hexo博客中发表了名为 “联系方式” 的 post.md 文章,然后我想在导航栏添加 “Contact”项,点击导航栏直接打开Contact文章。


根目录:名为Hexo的文件夹

主题目录:名为Landscape的文件夹,我的路径为 E:~\Blog\Hexo\themes\landscape

为了方便区分,全文例子中将博文命名为中文 “联系方式.md”,将导航栏项命名为英文 “Contact”

效果见网站 meiweiping.cn


Hexo搭建静态博客见:小白独立搭建博客–Github Pages和Hexo简明教程

Step 1: 写文章,并推送到自己的 (username.github.io)网站

E:~\Blog\Hexo\source_posts 的文件夹中,鼠标右键 “Git Bash”运行

$ Hexo n "联系方式"

在E:~\Blog\Hexo\source_posts 的文件夹中自动生成 “联系方式.md” 的文件,用 Markdown等软件编辑此.md文章的内容,完成后,再在此文件夹中,鼠标右键 “Git Bash”运行

$ Hexo g -d

至此,可以在您的个人网站 username.github.io 网页查看这篇”联系方式.md”的新文章了 ^_^

但我们的关注点应该在这:上述步骤完成后,会在 E:~\Blog\Hexo\public\中自动生成一个名为“联系方式”的文件夹(路径为 E:~\Blog\Hexo\public\联系方式

至此,已经完成了一半…


(接下来就是关键步骤了)

Step 2: 设置“Contact导航栏”,并关联到 上述 “联系方式”文章

打开 主题目录下 E:~\Blog\Hexo\themes\landscape_config.yml 文件,默认内容为:

menu:
   Home: /
   Archives: /archives

我将上述内容添加修改为:

menu:
   首页Home: /
   归档Archives: /archives
   Contact: /联系方式       #注意冒号后面都必须有一个空格!

在 E:~\Blog\Hexo\的文件夹中,鼠标右键 “Git Bash”运行

$ Hexo g -d

好啦,在您的个人网站 username.github.io 中就可以查看到“Contact导航栏”啦,点击,即可链接到“联系方式”的文章啦,OK,全部结束。

如果您没有在网站立即查看到效果的话,可能是网页更新延迟的缘故,等一会儿或者用手机登陆查看会更新快一些。



<已有 次阅读>


由于本文作者水平有限,文中如有错误之处,欢迎大家批评指正!

① 本文仅代表作者个人观点,不代表任何其它立场,欢迎交流合作!

② 转载与分享请注明:本文源于为学为研网 http://meiweiping.cn

(>看完记得五星好评哦亲<)

分享到:
    友情链接
    e教学: 蓝墨云班课     传课网     慕课网     作业帮
    BBS: 小木虫     丁香园     科学网bbs     零点花园     数据狗论坛     ResearchGate
    预印本: 中国科技论文在线(教育部)     ChinaXiv(中科院)     bioRxiv(冷泉港)     arXiv(康奈尔大学)
    科研资讯: 科学网   科学之家     51science     Publons     J-STAGE     日本の研究
    信息查询: 中国研究生招生信息网     学信网(学历查询)     中国人事考试网     更多>>
    网站建设: Hexo     极简图床     sm.ms     html-unicode     UTF-8转码     颜色代码
    关于本站: 关于我们      Logo含义      广告合作      免责声明      联系我们      RSS订阅