hexo主题更换以及怎么写博客

最新推荐文章于 2024-08-20 08:54:38 发布

Jane_Lee18

最新推荐文章于 2024-08-20 08:54:38 发布

阅读量865

点赞数

分类专栏： hexoBlog 文章标签： hexo

本文链接：https://blog.csdn.net/sinat_27514587/article/details/102867131

版权

本文介绍了如何更换Hexo博客主题，包括选择、下载、配置和修改头像的步骤。此外，还讲解了如何撰写博客，配置文章首部，创建博客文件，以及关于“关于我”的设置。最后提到了博客的发布流程，并提及了未来可能实现的动态博客计划。

摘要由CSDN通过智能技术生成

此文首发于 https://lijing0906.github.io

默认的hexo主题我个人觉得不是很好看，必须得挑一款适合自己风格的主题
写博客需要懂一些Markdown语法，so easy的啦，网上一搜一箩筐的语法博客(只能帮你到这儿了)

主题修改

一、找一个能折腾的主题

hexo官网上有很多主题可供选择，个人建议，刚开始做的时候选择一些简单的主题来折腾，会没那么折腾
我找了很久，找到一个简单小清新的主题，很是喜欢，然后就开始折腾吧
主题下载地址呈上：inside主题

二、下载主题

在项目根目录把主题从gitHub上克隆下来

    $ git clone *URL* themes/*themeName*  #URL是主题地址，themes/*themeName*是主题存放的位置(通常都放在themes文件夹下)和名称

clonetheme

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jane_Lee18

关注关注

0
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

hexo个人博客修改主题

大白要开心呀呀呀

11-03

149

hexo个人博客修改主题使用git 和github、hexo搭建博客hexo主题修改命令下载: 使用git 和github、hexo搭建博客 hexo主题修改 hexo themes 官网主题: 选择自己喜欢的风格点击下载: 将下载的主题解压后放在themes文件中命令下载: // 下载主题 git clone https://github.com/miiiku/hexo-theme-flexblock.git ./themes/flex-block 修改config.yml中的主题名 them

hexo更换主题

奇怪的老司机

03-09

714

用了段时间默认landspace主题，想换个主题试下，更换主题后，原主题中设置的页眉页脚信息都会消失，需要重新设置。具体操作方法如下：1，选择一个喜欢的主题，这里以3hexo为例。2，进入博客中的theme目录，把主题目录放在此处，需记录此处的目录名。git clonehttps://github.com/yelog/hexo-theme-3-hexo.git3，修改主题目录中的_config....

参与评论您还未登录，请先登录后发表或查看评论

hexo-theme-Cxo: 一款精致的Hexo博客主题

最新发布

gitblog_01100的博客

08-20

289

hexo-theme-Cxo: 一款精致的Hexo博客主题 hexo-theme-CxoA cool ，simple & beautiful theme for Hexo. :mushroom:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-Cxo 项目介绍 hexo-theme-Cxo 是一个专为 Hexo 博客平台设计的主题，由开发者 L...

Hexo 更换主题

v1coder的博客

06-12

3730

更换 Hexo 主题非常容易，只要在文件夹内，新增一个任意名称的文件夹，并修改内的设定，即可切换主题。

[Hexo] Hexo更换主题

Glemontree's blog

09-03

579

当更换主题后，若想让更换后的主题生效，可以执行下面这条命令：hexo d -g。

Hexo博客更换主题

09-20

399

原文链接 https://xugaoxiang.com/2019/09/18/Hexo博客更换主题/

Hexo博客搭建文件（next主题）

12-07

下面将详细介绍Hexo博客搭建以及Next主题的配置。首先，你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统，对于管理代码和项目非常有用，而Node.js是JavaScript的后端运行环境，因为Hexo是...

使用Hexo搭建个人博客网站-05-个人网站更换Hexo主题

拿破仑940911

11-28

5488

官方网址：https://hexo.io/themes/ 二、挑选我们喜欢的主题可以看到有很多主题给我们选，我们只要选择喜欢的主题点击进去，然后进入到它的github地址，我们只要把这个地址复制下来(例如我是选择：hexo-theme-next这个主题) 三、克隆主题再打开Hexo文件夹下的themes目录（F:\Blog\hexo\themes），右键Git Bash，在命令行输入: git...

Hexo之hexo-theme-redefine-main博客主题

04-01

在众多的Hexo主题中，“hexo-theme-redefine-main”是一个流行的选择，用于构建美观且功能丰富的个人博客。这个主题以其独特的设计和丰富的自定义选项，帮助用户快速搭建个性化的网站。首先，让我们深入了解Hexo的...

基于Next5主题美化的一款hexo博客主题

08-08

用户可以通过安装Hexo、配置站点信息、安装主题以及编写文章来快速搭建个人博客。 2. **Next5主题**：Next5是Hexo的主题之一，其设计风格现代，提供了多种布局和配色方案。Next5主题不仅注重美观，还包含丰富的插件...

Hexo_更换主题（Next）

CHN_Joker的博客

06-17

2032

hexo更好背景

Hexo更换主题（四）

随风飘雁

03-18

552

Hexo 博客实践教程: 使用Hexo 在本地搭建博客（一）使用腾讯云的静态网站托管功能搭建Hexo博客（二）把本地Hexo网站推送到腾讯云静态网站托管（三）最终效果：https://www.sfpyan.com/ 我的博客采用Butterfly主題：https://butterfly.js.org/ 按照教程操作一遍就行了：注意，使用这个主题需要安装如下插件（文档安装步骤中有，注意一下别忘了）：npm install hexo-generator-searchdb --save npm

Hexo更换主题教程

qq_44231964的博客

04-19

1343

主题教程使用hexo搭建博客的小伙伴都知道，刚开始的主题都是一样的，看着感觉不太舒服，推荐一个主题，感觉挺好的。地址https://github.com/litten/hexo-theme-yilia 具体步骤首先要切换到自己的盘符下面，使用下面语句 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia ...

Hexo 的默认主题太难看，想要换主题，我来教你如何操作！！！

帅帅邬同学的博客

08-22

1138

更改hexo主题 1. 在 blog文件夹下面的 themes文件夹下面打开 Git Bash 2. 然后 git clone 要下载的主题的github地址，这里可以在后面加上 --depth=1 3. 然后在_config.yml中，修改主题名称为要更改的主题名称。上面的图片中，第一个文件夹就是自己要更换的主题，底下的文件夹就是 Hexo默认的主题。更改完成后的效果如下所示！！！怎么样，是不是很简单呢？自己动手尝试一下吧！！！如果这篇文章能够帮助到您，希望您不要吝惜点赞??????

git更换_Hexo实战002：快速更换博客主题

weixin_32123093的博客

01-20

146

Hexo不仅搭建博客很快，而且更换主题也非常的方便。在Hexo官方上有非常多的主题模板(目前拥有321个模块)，总有一款符合风格的主题模块。当然这里面有些主题因太久没有维护链接可能失效了，所以实际上并没有显示的那么多但对于博客创建来说基本够用了。主题下载地址查找你喜欢的主题，点进去预览下效果。主题中一般都会直接附上主题的Github链接，我们通过该图标就可以跳转到主题的对应的Github地址。Gi...

hexo博客3：主题选择

定期分享我的发现和想法，感谢你的陪伴和支持

05-21

7092

hexo博客3：主题选择一、选择主题二、下载主题三、主题配置3.1 样式3.2 favicon3.3 avatar3.4 Sidebar Avatar3.5 rss3.6 code3.7 top3.8 reading_process3.9 bookmark3.10 Github跳转3.10 gitalk3.11 pangu3.11 math3.12 pjax四、其他设置目前来看，整个页面的样式并不是那么喜欢，想换一个风格，这就涉及到主题的配置了。一、选择主题目前 Hexo 里面应用最多的主题基本就是

hexo博客添加搜索功能

05-14

要为 Hexo 博客添加搜索功能，你可以使用第三方搜索引擎，如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎，提供了易于使用的 API，可以轻松地将搜索功能添加到你的 Hexo 博客中。以下是如何为 Hexo 博客添加 Algolia 搜索的步骤： 1. 注册 Algolia 账户并创建一个应用程序。 2. 安装 Hexo Algolia 插件。 ``` npm install hexo-algolia --save ``` 3. 在博客根目录下创建一个名为 `algolia.json` 的配置文件，并填写以下内容： ``` { "applicationID": "YOUR_APP_ID", "apiKey": "YOUR_API_KEY", "indexName": "YOUR_INDEX_NAME" } ``` 将 `YOUR_APP_ID`、`YOUR_API_KEY` 和 `YOUR_INDEX_NAME` 替换为你在 Algolia 上创建的应用程序的信息。 4. 在你的 Hexo 主题中添加搜索框和搜索结果页面。在主题的相应文件中添加以下代码：搜索框： ```html <form class="search-form" method="get" action="/search/"> <input class="search-input" type="text" placeholder="Search" name="query"> <button class="search-submit" type="submit">Search</button> </form> ``` 搜索结果页面： ```html --- title: "Search Results" layout: "search" --- <section class="search-results"> {% for page in page.posts %} <article class="search-result"> <h2 class="search-result-title"><a href="{{ page.url }}">{{ page.title }}</a></h2> <p class="search-result-excerpt">{{ page.excerpt }}</p> </article> {% endfor %} </section> ``` 5. 重新生成站点并上传到你的服务器。 ``` hexo generate ``` 6. 同步你的博客数据到 Algolia 上。 ``` hexo algolia ``` 完成以上步骤后，你的 Hexo 博客就可以使用 Algolia 进行搜索了。当用户在搜索框中输入关键字并提交时，将会跳转到搜索结果页面，显示与关键字匹配的文章列表。