OGeek|极客世界-中国程序员成长平台 › 门户 › 开源› WEB应用开发›网站主题

hexo-theme-Eternal night: 个人魔改的主题嗷，适合个人的简约博客！ ...

原作者: [db:作者] 来自: 网络收藏邀请

开源软件名称：

hexo-theme-Eternal night

开源软件地址：

https://gitee.com/xiao-gy/hexo-theme-Eternal-night

开源软件介绍：

开源HEXO主题，原主题是这个 ACE ，经我魔改，命名为Eternal night具体请查看下面感谢与引用.

开源简约的Hexo个人博客主题 Eternal night

English Version 是原来英语的readme嗷

特性列表

好看的导航条
支持首页滚动图片显示.
自定义菜单
添加彩带、几何特效.
支持文章置顶.
多语言
支持 Valine 评论系统.
支持 Live2D 看板娘.
支持 DaoVoice 在线客服系统

在线 Demo

在线 Demo : xiao-gy.gitee.io

截图:

版权信息

自由使用，欢迎加个友链 ^_^

安装 Hexo

npm install hexo-cli -g

Access https://hexo.io for more info

主题使用

下载 Eternal night 主题

cd your_blog_dirgit clone https://gitee.com//hexo-theme-Eternal-night.git

修改你的主题

Change theme with 'Eternal-night'

## Themes: https://hexo.io/themes/theme: Eternal-night

修改主题配置

修改 themes/Eternal-night/_config.yml

各个属性介绍:

导航菜单

修改主题配置，支持二级菜单。

navmenu: [{   title: "menu1",   url: "#menu1",   children: [   {       title: "menu1-1",       url: "#menu1-1"   },   {       title: "menu1-2",       url: "#menu1-2"   }   ]   },{   title: "menu2",   url: "#menu2",        }]

修改layout/_partial/nav.ejs 可自定义。

头部修饰

slideshow: true     //首页三张幻灯图片, img/slideshow/slider1/2/3ribban_bg: false    //彩带北京particle_bg: true   //几何特效

以上三个属性，不要同时为true,可能会混乱。

自定义菜单栏

请使用navmenu

置顶

首先指定一个标签为置顶标签.然后所有具有该标签的帖子都会按顺序先显示。

#sticky post tagsticky_tag: "Sticky"

侧边栏

复制你的头像到 <root>/img/ 然后修改 _config.yml:

sidebar: true    # 是否显示Sidebar.sidebar-about-description: "你的介绍"sidebar-avatar: img/<个人头像地址>

live2D设置

live2d : true

DaoVoice设置

Daovoice_appid: xxxx

widget设置

widgets:         # here are widget you can use, you can comment out- featured-tags   //标签云- short-about     //个人简介- recent-posts    //最近发表- friends-blog    //友链- archive         //归档- category        //目录

如果你想加入自己的widget, 代码在 layout/_widget.

友情链接管理

管理你自己的友链

friends: [    {        title: "ACE theme",        href: "http://www.sumoon.com"    },    {        title: "your friend link",        href: "https://##"    }]

如果你想把自己站点加入 ACE theme请 fork 这个项目，修改 _config.yml, 附加你的站点信息，然后提PR.

签名设置

复制你的签名档到 <root>/img/signature 然后编辑 _config.yml:

signature: true   # 是否显示签名档signature-img: img/signature/签名档图片

回到最上设置

可以在css/image修改你想要的图片.

文章标签

控制首页标签是否显示.

home_posts_tag: true

Markdown 渲染

My markdown render engine plugin is hexo-renderer-markdown-it.

# Markdown-it config## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wikimarkdown:  render:    html: true    xhtmlOut: false    breaks: true    linkify: true    typographer: true    quotes: '“”‘’'

and if you want to change the header anchor 'ℬ', you can go to layout/post.ejs to change it.

async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){        anchors.options = {          visible: 'hover',          placement: 'left',          icon: ℬ // this is the header anchor "unicode" icon        };

Hexo 基础

Some hexo command:

hexo new post "<post name>" # you can change post to another layout if you wanthexo clean && hexo generate # generate the static filehexo server # run hexo in local environmenthexo deploy # hexo will push the static files automatically into the specific branch(gh-pages) of your repo!