Hexo阶段二 -- 主题美化和文章发布

最新推荐文章于 2024-08-10 07:58:26 发布
最新推荐文章于 2024-08-10 07:58:26 发布
阅读量1k 收藏 8
点赞数
分类专栏： 其他 文章标签： hexo git github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Night__breeze/article/details/117604916
版权
本文介绍了如何进行Hexo博客的主题美化和文章发布。首先，选择并下载主题，例如butterfly主题，修改_config.yml文件中的theme值，然后重新部署到本地查看效果。遇到问题时，可通过git bash命令解决。接着，文章介绍了通过butterfly官方教程自定义界面。最后，讲解了使用Front-matter添加文章分类和标签的方法，提供了一种简单易懂的文章发布方式。
摘要由CSDN通过智能技术生成

本文共有三个部分
阶段一：搭建博客并部署到本地

​阶段二：Hexo的主题美化与文章发布

​阶段三：将Hexo部署到Github Page,通过域名访问你的博客

文章目录

Hexo的主题切换

创建 Hexo 主题非常容易，您只要在 themes 文件夹内，新增一个主题文件夹，并修改 _config.yml 内的 theme 设定，即可切换主题。

1、主题的选择

分享一个Hexo主题推荐的网址，当然你也可以去github或者其他渠道找到你喜欢的主题

好看的hexo主题

2、主题的下载

我以butterfly主题为例，可以在github中直接搜索找到这个主题

image-20210605181735634.png

最低0.47元/天 解锁文章
Oliverloki
关注
专栏目录
在Hexo中发布文章
qq_39563485的博客
07-21 913
从本地上传到服务器中 首先在本地的站点目录下打开git bash，输入hexo new 文件名，会在_post目录下生成文件名.md文件；或者现在csdn上写好再导出md文件放到_post目录下，再在文件前面加上： title: Hexo博客新建文章并发布 date: 2020-7-21 17:26:44 tags: - Hexo categories: 搭建博客 在git bash中输入 hexo g (完整命令为hexo generate)，用于生成静态文件 再输入hexo s(完整命令为he
基于Next5主题美化的一款hexo博客主题
08-08
基于Next5主题美化的一款hexo博客主题
Hexo 个人博客主题美化
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
05-29 1491
Hexo 个人博客主题美化
Hexo 黑曜石（Obsidian）主题配置与使用指南
最新发布
gitblog_00602的博客
08-10 302
Hexo 黑曜石（Obsidian）主题配置与使用指南 hexo-theme-obsidian???? A dark Hexo theme, it's responsive, simple but elegant.项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-obsidian 本文将介绍如何安装和配置Hexo的Obsidian主题，以及该项目的目录...
如何美化hexo主题
liulang68的博客
11-28 568
如何使用码云搭建博客 1.首先从hexo下载一个主题 下载地址 2.这里我们直接通过git下载到 3.下载好以后然后我们修改一下配置文件 4.最后重新部署到码云 接下来就是解决这些bug了 接下来的操作 <img src="<%=theme.avatar%>" class="js-avatar show"> <img src="<%=theme.avatar%>" class="js-avatar show" style="width: 10
Hexo文章发布
Hemx的博客
12-05 361
Hexo文章发布 文章创建 $ hexo new [layout] <title> 此处layout可以选择，也可以不选择。 layout指定文章的布局，默认Post ，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局 此命令会在/source/_posts下创建一个文件名 title.md文件，然后就可以使用markdown编辑...
hexo-theme-volantis:Hexo的精彩主题https
04-28
Hexo : 4.2 ~ 5.x hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS npm : 6.13 ~ latest LTS 编辑您的_config.yml ： theme : volantis 在终端中安装Volantis： npm i hexo-theme-volantis 用法 参见...
Hexo之hexo-theme-redefine-main博客主题
04-01
完成这些步骤后，运行`hexo g`（generate）和`hexo d`（deploy）命令，即可生成静态页面并将它们发布到指定的服务器上。 在使用过程中，用户可能会接触到一些关键的文件和目录，例如`source`目录用于存放自定义资源...
hexo-theme-doc-seed：使用Hexo和hexo-doc-theme的文档网站的框架结构
02-05
`source`存放你的文章和静态资源，`themes`包含了hexo-doc-theme的所有样式和配置，`config.yml`是Hexo的主要配置文件。 4. **配置与启动**：在安装好Hexo和hexo-doc-theme后，你需要根据`config.yml`进行个性化...
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
为Hexo嵌入Steam标签插件。 演示 入门 安装 npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有....
Hexo美化
MINGgoS的博客
02-11 862
Hexo添加豆瓣个人页面 安装hexo-douban插件 npm install hexo-douban --save-dev 在博客站点的配置文件 _config.yml 中添加以下内容（注意：不是主题的配置文件） # hexo-douban douban: user: xxxx # 你的豆瓣ID builtin: true book: title: '那些年，我翻阅过的书' quote: '思想和身体，总有一个在路上' movie: title: '那
hexo美化
然而
10-04 751
Hexo个性化搭建笔记 美化 1.hexo博客的启动 1.首先在命令面板中进入到博客建设目录 在输入启动命令 hexo s -p 5555 这个端口号可以自己设的 只要不冲突 问题就不大 解析 hexo 是博客 s是启动 5555是调动的端口 2.语言配置 1.官方文档给的是修改站点配置文件，将language设置你所需要的语言 官方文档代码是zh-Hans [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7LBKRYgf-1601793470031)(https:/
使用hexo发布文章
weixin_44815733的博客
03-25 8777
前言: 如何用指令去创建一篇文章,然后发布? .我们先来看一下hexo的目录结构,了解每个目录的作用,这将让我们对hexo的运行原理有一个大概的认识,对于我们后面美化主题是有帮助的, 然后再来创建文章,并发布到本地服务器,最后查看效果. 一、Hexo的目录分析: １．.deploy_git:　这个目录是执行 hexo d 命令 后生成的,主要存放部署的信息. ２．node_modules:　...
在Hexo博客中发布文章
winney07的博客
07-14 898
注：这两种方法，在博客首页显示的效果不一样，根据自己的需要，选择自己喜欢的方法。评论，欢迎在评论区与我分享您的想法和建议，将是对我最大的支持和鼓励。方法二：设置首页文章以摘要形式显示，打开主题配置文件，找到。（2）在浏览器，访问自己的博客域名，即可看到刚 发布的文章。（1）发表的文章在本地预览无误后，在。方法一：在文章任意你想添加的位置添加。(2)创建文章（在创建的时候，会在。
hexo博客4：发布文章
定期分享我的发现和想法，感谢你的陪伴和支持
05-24 5847
hexo博客4：发布文章一、增加文章1.1 开头添加必要信息1.2 摘要二、个性化设置2.1 标签页2.2 分类页2.3 搜索页2.4 404 页面三、其他四、参考 一、增加文章 现在整个站点只有一篇文章，那么怎样来增加其他的文章呢？ 这个很简单，只需要调用 Hexo 提供的命令即可，比如我们要新建一篇「HelloWorld」的文章，命令如下： hexo new hello-world 创建的文章会出现在 source/_posts 文件夹下，是 MarkDown 格式。 1.1 开头添加必要信息 在文章
Hexo博客美化
houwhu的博客
03-25 2223
Hexo博客美化 我们搭建好自己的博客以后，可以在hexo官网的 主题 中选择自己喜欢的博客主题，可以直接在主题中点开预览主题样式或者打开主题项目的 github 地址，将该主题下载到我们自己的博客项目中的 theme 文件夹中，然后在 _config.yml 文件中找到 theme 修改为你主题的名字，重新编译启动你的项目，就可以替换为你喜欢的主题了。当然除了更换主题为，你也可以自定义你自己的主题，修改它的样式，或者干脆按照自己理想的布局和样式来自己属于自己的完美主题。除此之外，我们的博客还可以支持一些第
hexo的美化——基础篇
Jeff_的博客
04-26 4047
更新完毕后，git pull 上传，hexo g -d 部署。 一、更换主题 next主题有三种外观，默认是Muse，即大量留白。 打开Blog\themes\next\_config.yml。搜索Scheme Settings，将需要修改的主题前面的#去掉即可。 改完后记得hexo clean，clean g -d ，以及ctrl+F5清除浏览器缓存。 二、更新最下方作者信息及...
如何在Hexo博客发布文章
weixin_41777859的博客
06-07 2635
1、markdown格式上传：Hexo默认使用的格式是markdown格式的文件，所以上传markdown文件可以自动转化为HTML格式的文章； 2、将.md文件复制到你hexo博客文件夹 中 source 下的 _posts 中，默认只有一个 hello-world.md； 3、下一步在博客站点文件夹下(对应soruce文件上层）右键空白处，选择Git Bash Here，输入 hexo g，直到输出xx files generated in xx s，表示这一步完成； 4、下一步输入 hexo
npm install hexo-renderer-pug hexo-renderer-stylus --save
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 Stylus 文件。 hexo-renderer-pug 是一个 Hexo 渲染器插件，用于将 Pug 文件转换为 HTML。Pug 是一种高性能的模板引擎，它使用简洁的语法来生成 HTML。 hexo-renderer-stylus 是另一个 Hexo 渲染器插件，用于将 Stylus 文件转换为 CSS。Stylus 是一种动态样式表语言，它具有简洁的语法和强大的功能，可以提高样式表的编写效率。 通过执行 npm install hexo-renderer-pug hexo-renderer-stylus --save 命令，你可以将这两个插件安装到你的 Hexo 项目中，并将它们添加到项目的 package.json 文件中的 dependencies 部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值