hexo的next创建关于我

最新推荐文章于 2025-01-18 23:23:29 发布
原创 最新推荐文章于 2025-01-18 23:23:29 发布 · 1.1w 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#linux #hexo

本文介绍使用Hexo创建个人博客的基本步骤，包括如何新建about页面及在主题配置文件中设置菜单显示。通过简单的命令即可快速完成页面创建，并调整导航栏以方便访客浏览。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

欢迎访问我的个人博客网站：http://www.yanmin99.com/

关于我创建步骤
  • 1、新建一个about页面,命令如下：
hexo new page "about"

在myBlog/source下会新生成一个新的文件夹about
，在该文件夹下会有一个index.md文件

  • 2、菜单显示about链接，在主题的 themes/next/_configy.yml 设置中将 menu中about前面的注释去掉
menu:
home: /
archives: /archives/
categories: /categories/
tags: /tags/
about: /about/
关于我
Vvster_的博客
05-28 318
你好，这是我的第一个博文 写在前面 开发环境 Jdk1.8，SpingBoot1.56，IDEA2018.1.5 技术栈 SSM、MySQL、SpringSecurity、ActiveMQ、Redis、Nginx、MongoDB 项目介绍 此项目为时下最流行的共享单车实现，实现了周围单车定位，骑行轨迹等等功能。技术上主要采用SpringBoot,SSM, MySQL，Sp...
hexoNext主题添加相册
silent_F的博客
06-10 589
最近将博客的主题换回了next主题。以前喜欢将自己的主题弄的花里胡哨的。现在反而更喜欢简单点的。改为next主题后，有些自己想要的功能没有，比如相册。在网上查了好多资料，也有人实现了，但是都比较麻烦，或者不是自己想要的效果。于是自己换了种思路，直接用html的方式实现，再加入到博客中。这样以后不管换什么主题，相册功能都可以直接移植，非常的方便。{% link 笔者效果,%}
Hexo 创建“关于我”界面
高筑墙，广积粮，缓称王
03-11 8353
新建一个 about 页面：hexo new page "about"菜单显示 about 链接，在主题的 _configy.yml 设置中将 menu 中 about 前面的注释去掉即可。menu: home: / archives: /archives tags: /tags about: /about转载地址：hexo 关于我
Hexo 我的博客
心亘所向无事不成
05-03 2166
为什么选择Hexo为什么要写博客我以前都是写在本子上的，后来发现随着成长，本子上是远远不够的，为了记录技术成长的点滴，才开始写博客，后来发现还可以锻炼口才，梳理思路，让脑子变得更清晰，还有备忘和交朋友的大用。何乐而不为呢？优快云说起我的博客选择之路，可能要追溯到2011-2012年了，那时还是在优快云上写博客一年多，每篇文章几百到几千甚至上万的访问量，对当时的我很有满足感，可是后来为什么不在上面
hexo的Next创建categories
lcyaiym的专栏
08-06 457
欢迎访问我的个人博客网站：http://www.yanmin99.com/ hexo的Next创建categories 一、categories创建步骤 1、新建一个页面，命名为categories。命令如下： hexo new page categories 在myBlog/source下会新生成一个新的文件夹categories ，在该文件夹下会有一个inde...
hexo next主题
06-29
Hexo是一款基于Node.js的静态博客框架，它简化了创建、管理和发布博客的过程。Next是Hexo的一个非常流行的主题，以其优雅、简洁的设计和丰富的功能而受到许多博主的喜爱。接下来，我们将深入探讨Hexo和Next主题的...
Hexo + NexT + Github搭建个人博客
记录学习
01-18 948
先创建一个页面cd[your-site]#进到站点中hexonewpage[page-name]#创建页面在文件开头的YAML块（用于写入配置）中添加配置通过主题的配置文件将你所创建的页面路由写入菜单menu，图标在中找#标签---type:tags---确保禁用新建404页用户是否可以重定向到404页面取决于网站托管服务或Web服务器的设置，而不是Hexo。例如，如果使用Nginx作为服务器，则还需要在nginx.conf文件中配置404页面。
Hexo Next 博客添加相册瀑布流
人至贱则无敌
09-25 1908
原文：https://rebootcat.com/2020/09/19/nextphotowall/ 前言 一直没有时间来整理下博客搭建的一些事情，现在补上一篇，给 Hexo Next 博客添加一个相册功能，使用瀑布流的方式。 原理说明 使用 github 作为仓库存储图片文件（图床） 使用 jsdelivr 进行图片 CDN 加速 优点 此种方式的优点是免费，不需要购买其他的对象存储产品；并且使用的是 github 作为图床，图片不会丢失。 早期的博文使用的是七牛云的免费存储，结果后来被他们删掉.
【Hexo】nexT主题使用攻略基础——添加分类、标签及关于
weixin_48927364的博客
03-05 6364
本文针对的是Windows环境下，添加Hexo博客的文章 分类、 标签以及关于三处属性，以nexT主题为例，其他主题仿此，大同小异。添加成功后会在侧边栏或导航栏生成“分类”、“标签”、“关于”这三个选项，以提升浏览体验。
4.Hexo 页面属性和模板设置
ChoSeitaku的博客
04-11 1161
当要求Hexo创建一个草稿文件时，Hexo进入scaffold文件夹，查看是否有用于草稿类型的模板文件，它会找到draft.md文件，按照文件上的默认的frontmatter，为新文件创建默认内容。这个新的草稿也和博客文件一样，有一些默认的frontmatter，但是草稿文件中创建的默认的frontmatter与在a文件中创建的默认frontmatter不同。因此a和b实际上以相同的样式和相同的格式来显示的，但是由于a有不同的frontmatter，所以它和b不一样。
Hexo 博客自定义一个不使用主题模板渲染的独立页面
热门推荐
BOB'S BLOG
05-18 1万+
Hexo 博客自定义一个不使用主题模板渲染的独立页面，博客地址：www.itbob.cn
hexo博客添加标签、分类、归档、关于等页面
玖涯博客
11-30 1万+
写在前面 在使用主题后，顶部导航多出了标签页、分类页、归档页和关于页等界面，点击之后出现了“Cannot GET /XXX/”问题，这是因为我们没有添加对应的页面，本文章主要描述了怎么添加这些界面，直到后面怎么添加一个导航选项。 本文使用到的东西 win10电脑 hexo 1.查看主题 要添加导航中的页面，首先我们得知道主题需要什么界面。 1.打开我们博客所在的目录，进入我们使用的主题的目录“...
Next主题美化
qq_34003239的博客
09-16 3786
写作目的 网上关于Hexo的主题美化的博客已经很多也很全面了，但是在作者去一一尝试的时候，却发现有很多博客中提供的方法现在已经不支持或者过时了，为了避免大家和作者一样花费大量时间去一一尝试，所以作者考虑再三，决定将自己尝试过可靠的方法记录下来，与大家一起学习进步。 一、Next主题美化 Hexo支持很多主题风格，Hexo博客支持很多主题风格，其中Next主题是Github上Star最多的...
hexo静态html文件,hexo+next+GitHub搭建静态博客(三)-添加tags和categories
weixin_32108979的博客
06-21 286
之前我们已经写了怎么安装设置Hexo和怎么部署到gitHub上，下面我们说一下怎么完善我们的blog，今天先介绍下怎么添加分类和标签页面创建Tag页面$ hexo new page "tags"编辑刚新建的页面，将页面的类型设置为tags，主题将自动为这个页面显示标签云。页面内容如下：---title: Tagclouddate: 2017-06-22 12:39:04type: "tags"--...
hexo html编辑器,Hexo自定义页面做首页
weixin_39928106的博客
06-15 376
前言如果你想了解如何在 GitHub Pages上传自己写的网页作为首页，hexo博客作为其子页？即自己写的页面作为http://user.github.io的页面，将hexo博客放在http://user.github.io/blog上，怎么做？那就接着往下看...本教程的前提已经用hexo将博客搭建在yourname.github.io的repository上，接下来跟随博主开始愉快的旅程吧。...
博客园排版样式CSS+HTML
SFC0511的博客
11-15 365
1.一些示例文字 第一段 <style><!-- body { padding-top: 2.5em; color: #333; background-color:#F5F5DC; font-size: 85%; font-family: "幼圆", "黑体"; } .title1...
Hexo博客技巧：添加自定义html页面
Amnesia-Fu的博客
05-10 1万+
前言 以前收集了很多有趣的html特效文件，自己也写过不少，但是这些文件都有一个缺点：只能本地浏览。 很早以前就有一个想法，就是将这些文件部署到网站上供人们随时随地浏览，只是一直没能实现。现在有了自己的博客，正好实现完成这个想法。 具体过程 1.首先在博客根目录的source文件夹下，新建一个文件夹用于存放要部署的HTML文件： 我这里建了一个叫HTML的文件夹，里面的子文件夹可以存放各个HTML文件，当然也可以只创建一个主文件夹，直接在里面放HTML文件。 2.然后在博客根目录的配置文件_config
最新版Next主题的如何自定义样式
小蓝的博客
10-17 2282
问题描述 最近将Hexo和Next更新到了最新的版本,但是我发现最新的Next主题没有系统一个专门的配置文件给用户自定义样式. 万能的修改主题样式的方法 不过没关系,现在来介绍一个万能的修改hexo主题样式的方法 工具 火狐浏览器 VScode 步骤 打开 查看器 在火狐浏览器中选中要修改的元素,或者子元素.然后右键,点击查看元素，这一步帮助你快速定位到要修改的区域。 进一步精确要修改样式的...
hexo next
最新发布
03-22
### Hexo Next 主题 使用教程与配置指南 #### 一、Hexo 和 Next 主题简介 Hexo 是一款快速、简洁且高效的静态博客框架，而 **hexo-theme-next** 则是一个优雅且功能强大的主题[^1]。该主题因其美观的设计和丰富的自定义选项受到广泛欢迎。 --- #### 二、项目目录结构及介绍 在安装并解压 `hexo-theme-next` 后，其主要文件夹和文件如下所示： - `_config.yml`: 这是主题的核心配置文件，用于调整外观、布局和其他高级设置。 - `languages/`: 存储多语言支持的翻译文件。 - `layout/`: 包含模板文件，控制页面的具体渲染方式。 - `source/`: 提供一些默认资源文件，比如图片或样式表。 更多关于这些子目录的功能可以参考官方文档说明。 --- #### 三、基本设置流程 为了启用 Next 主题，在根目录下的全局配置文件 `_config.yml` 中指定主题名称: ```yaml theme: next language: zh-CN # 可选其他语言版本 ``` 完成上述更改之后保存退出即可应用新主题[^3]。 --- #### 四、深入定制化 - 高级配置项 进入站点的主题文件夹路径 (通常位于 `/themes/next/_config.yml`) ，打开其中的 `_config.yml` 文件来进一步个性化您的网站风格[^2]: ##### 4.1 更改配色方案 通过编辑颜色参数实现不同色调切换效果, 如下例子展示如何设定深色模式背景为主白色文字前景: ```yaml scheme: Muse # 或者尝试 Pisces/Saga 等预设样式 palette: background: '#000' text: '#fff' ``` ##### 4.2 添加社交链接图标 允许用户添加个人社交媒体账号连接到侧边栏区域里去方便访客联系自己. ```yaml social: GitHub: https://github.com/ Twitter: https://twitter.com/ ``` 注意每行前后的缩进必须保持一致以便YAML解析器能够正确定位键值关系. --- #### 五、优化加载速度 – CDN 加速服务集成 如果希望提高网页响应时间，则可以通过引入第三方内容分发网络(CDN) 来托管部分静态资产从而减轻服务器负担[^4]. 下面给出一段命令片段演示怎样利用插件管理工具 NPM 安装特定扩展包以接入 Giscus 讨论平台作为评论区解决方案之一 : ```bash npm install hexo-next-giscus@1.0.3 --save ``` 随后按照提示补充必要的字段至对应位置完成最终部署工作流构建过程. --- #### 六、创建额外页面实例教学 除了首页之外还可以新增独立分类列表或者标签云视图等功能模块满足多样化需求场景; 此处仅列举一种常见操作方法即新建 About Me 页面为例进行讲解说明: 执行以下终端指令生成目标文章草稿文件: ```bash hexo new page about ``` 接着前往刚产生的 markdown 文档内部撰写具体内容最后发布出去让所有人可见. ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值