王银 hexo 主题

2024-10-17

如何编写Hexo主题

完成一个Hexo的主题其实很简单,和写静态页面差不多,只是内容部分通过Hexo的变量去获取,而且Hexo还内置了一些辅助函数帮你快速方便地完成繁琐的处理. 起步在写代码之前要先把项目结构搭建好,一个Hexo主题的项目名就是主题名字本身,项目内的目录结构如下: (生成树形图是用的tree, mac上直接brew install tree就可以了,以前不写都不知道囧) . ├── _config.yml //记录主题配置信息 ├── layout //存放布局模板文件 │ └── _parti

Github Pages 搭建HEXO主题个人博客

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可

从零开始制作 Hexo 主题

原文地址:从零开始制作 Hexo 主题 · Ahonn 写在前面本文将会从零开始开发一个简单的博客主题.样式主要参考 Hexo theme 中的 Noise 主题. 开始之前你需要了解: 模板引擎 ejs官网 CSS预处理器 Hexo 文档本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus.这也是 hexo 项目预装了的 render 插件,如果想使用其他模板引擎或者其他 CSS 预处理器,可以安装相对应的 render 插件.例如我的 Even 主题使用的是 Swig

从0开始的Hexo主题制作

从0开始的Hexo主题制作从零开始制作 Hexo 主题 H2O主题先坑着

hexo主题中添加相册功能

博客已迁移至http://lwzhang.github.io. 基本上所有的hexo主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟hexo主要是写博客用的:另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在source文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢怎么批量获取图片url(文件名),图片那么多,不可能一个一个的手动输入图片url 等等所以需要找到一个好的解决方法. 注意:本博客使用的是yilia主题,该主题作者litten有实现了相册功能,但他是

hexo干货系列：（二）hexo主题下载及配置

前言上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化,有着响应式设计的主题,个人感觉还不错就使用了. 正文安装主题 $ git clone https://github.com/wuchong/jacman.git themes/jacman 启用修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为jacman. 更新

Hexo主题开发

序章想要一个自己的知识管理系统,用了 Hexo ,但是没有发现自己心仪的主题,就自己做了一个.本文记录了制作的全过程.本人编码功底和前端知识并不是特别雄厚,希望能由此文引出各路大神的兴趣,以后制作出更多优秀的主题. 预览: https://itabyss.github.io/ 源码: https://github.com/ITAbyss/hexo-wiki 教程文章:https://www.cnblogs.com/yyhh/p/11058985.html 安装 Hexo 是一款能将『 Mark

Hexo主题实现多级分类显示

前言最近在搞一个博客,是托管在github和gitcafe上的,利用Hexo生成的.之后,发现一个问题,显示的分类都是一级的.而我想要的是:能显示多级分类,层次分明`的那样. 问题基本主题自带的分类显示都是一级的,如何显示多级? 解决方案所以,研究了一下,找到了理想的方法,方法如下: 利用系统的list_categories([categories], [options])辅助函数生成分类列表; 利用css实现样式. 示例说明:我使用的是jacman主题,以这个主题为例说明. 在主题文件

Hexo主题yilia增加gitalk评论插件

虽然gitment可以实现评论功能,但是适配方面做的并不好,这里借用GitHub上的gitalk项目用来优化个人博客的评论功能下面记录自己从gitment到gitalk的替换过程: 1.在layout/_partial/post目录下新增gitalk.ejs文件代码如下: <div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div> <link rel=&

开发Hexo主题(一)

Hexo是一款静态博客工具,由Node.js编写在博客根目录的themes下,新建文件夹(文件夹名为主题名) 主题目录结构如图这里使用模版引擎为Ejs 在Layout目录下新建index.ejs文件,作为访问的首页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </

搭建github博客，hexo主题

买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥(如果重新生成公钥,需要点击y). 在github项目中使用博客,项目后缀记得是.github.io,否则后面进行不了.会提示找不到仓库. $ npm install -g hexo部署Hexo在我的电脑中建立一个名字叫「Hexo」的文件夹,然后在此文件夹中右键打开Git Bash. $ hexo i

hexo主题next 7.X版本配置美化

我们主要对next主题进行了如下配置操作.效果可以前往https://www.ipyker.com 查看. 也可以前往https://github.com/ipyker/hexo-next-theme 获取配置后的源文件. 设置中文语言设置博主文字描述设置博客文章连接为year/month/day/title.html格式 Menu增加关于.标签.分类.互动.搜索菜单禁用关于.标签.分类菜单评论功能添加添加RSS 设置背景图片.默认禁用,可以在themes/nexT/source/css

hexo主题选择和配置

之前用next主题,发现文章标题都是h2,不利于seo,想着通过改模板改成h1的,发现很繁琐.今天发现,通过下载指定版本的next后,标题自动是h1的. 参考网页https://notes.iissnan.com/ git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next 2018.09.15补充此文可忽略,直接用官方开启seo的模式即可.

在HEXO主题中添加数学公式支持

在markdown中书写数学符号的方式参考Latex常用数学符号 Mathjax 安装 npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save 修改打开node_modules/hexo-renderer-kramed/lib/renderer.js,将 // Change inline math rule function formatText(text) { // Fit krame

hexo主题hexo-theme-yilia文章太长，截断按钮文字的实现

文章太长,截断按钮文字不是通过配置文件_config.yml实现的,而是在文章内容里实现,在你想截断的文章位置加上  就可以实现了! 参考博客:hexo-theme-yilia使用遇到的问题

玩遍博客网站，我整理了 Hexo 及其流行的风格主题

搭建博客网站是个人进入互联网世界的最常见方式之一.伴随着网站技术的发展,如何搭建博客网站已经变得非常容易了.当然,你可以选择诸如新浪博客.CSDN.博客园之类的大型网站,快速创建依赖于大平台的个人博客,不过这种方式的不足是言论受限太多.无法触及网站底层技术.所以,对于想要自由发挥创意.又期望对网站拥有更多主动权的话,最好还是选择自己去亲手搭建一个网站. 本文来源:魚立说.本文链接:https://www.yulisay.com/d/kdhmp.html,支持微信浏览器打开. 更多精彩文章,请

Hexo的coney主题的一些补充说明

title: Hexo的coney主题的一些补充说明 date: 2014-12-14 14:10:44 categories: Hexo tags: [hexo,技巧] --- Coney是一个非常优秀的Hexo主题,然而在使用的过程中,我发现作者有一些地方没有说清.因此在这里写一些我使用中发现的问题和解决方法. 标签作者并未说明多个标签之间应该以何种方式分隔,我尝试使用逗号,空格以及方括号均不能正确分隔标签.后来尝试使用一种笨的方法添加标签: tags: 标签一 tags: 标签二 tag

Pacman主题下给Hexo增加简历类型

原文 http://blog.zanlabs.com/2015/01/02/add-resume-type-to-hexo-under-pacman-theme/ 背景虽然暂时不找工作,但是想着简历也是个向别人推销自己的好东西.然后也想着折腾点新的东西,如此,这般,便想着研究起写个简历了.形式不限,但是必须是在线的,最好是很简洁的. 分析既然是在线的,那就干脆直接用博客呗,直接放在上面.写博客既然用Markdown,那简历也直接用Markdown,一个是可以在线渲染,另外一个是生成PDF的工