点击标题下「蓝色微信名」可快速关注
上篇文章写了博客的搭建,利用的是HEXO+Github,今天讲一下给自己的博客换主题,并发布一篇自己的文章,先简单的让博客成型。
NexT主题官网地址:
http://theme-next.iissnan.com/
一.添加NexT主题
1.下载主题
这里我要说一下,建议下载克隆最新版本,我用了一下稳定版发现了好多的问题,所以大家直接用命令下载克隆版本。
2.然后直接启动主题,与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next。
theme: next
3.输入完之后验证主题,首先启动 Hexo 本地站点,并开启调试模式(即加上 --debug),整个命令是 hexo s --debug。 在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。 当命令行输出中提示出:
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
当出现上面的显示文字,说明已经安装成功了,默认的 主题是Scheme —— Muse。
此时使用浏览器访问 http://localhost:4000,检查站点是否正确运行,画面如下:
Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme,他们是:
-
Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
-
Mist - Muse 的紧凑版本,整洁有序的单栏外观
-
Pisces - 双栏 Scheme,小家碧玉似的清新
Scheme 的切换通过更改 主题配置文件,搜索 scheme 关键字。 你会看到有三行 scheme 的配置,将你需用启用的 scheme 前面注释 # 去除即可。
二.其他设置
1.设置语言
编辑 站点配置文件, 将 language 设置成你所需要的语言。建议明确设置你所需要的语言,例如选用简体中文,配置如下:
language: zh-Hans
需要注意的是,配置文件的格式是YML,编码格式要设置成UTF-8,否则标题会显示的是乱码。
2.设置 作者昵称
编辑 站点配置文件, 设置 author 为你的昵称。
3.站点描述
编辑 站点配置文件, 设置 description 字段为你的站点描述。站点描述可以是你喜欢的一句签名:)
4.设置 头像
编辑 主题配置文件, 修改字段 avatar, 值设置成头像的链接地址。其中,头像的链接地址可以是:
5.其他
直接去看NexT的官网。
最后执行命令:
hexo clean && hexo g && hexo d
就可以直接去访问你的网站了。
三.文章发布
1.hexo支持markdown。
选择一个markdown编辑器,编写文章,markdownPad,
地址:http://www.markdownpad.com/download.html ,编写好之后,保存为md文件。还可以使用一些在线的markdown编辑器,比如csdn,简书等。
2.将md文件放在你的hexo网站所在位置下的source\_posts目录,这个目录下存储了很多个md文件,每个文件对应着一篇博客。
3.打开git bash,达到hexo网站的目录下,使用hexo generete 命令产生静态文件,hexo server ,然后到http://localhost:4000/预览网站效果,最后同步public目录下的文件到github或者执行:
hexo clean && hexo g && hexo d
今天就总结到这里,附上今天总结后的效果图:
推荐阅读
相关推荐
Next主题是Hexo的官方推荐主题之一,它提供了多种布局选择,包括个人博客、作品展示和文章列表。Next的特点包括: 1. **响应式设计**:无论在桌面、平板还是手机上,Next都能提供良好的阅读体验。 2. **多语言支持*...
《Hexo与Next主题构建个人博客详解》 Hexo是一款基于Node.js的快速、简洁且高效的博客框架,它使得创建和管理个人博客变得极其简单。而Hexo的Next主题则是最受欢迎的主题之一,以其优雅的设计和丰富的功能吸引了...
用户可以通过安装Hexo、配置站点信息、安装主题以及编写文章来快速搭建个人博客。 2. **Next5主题**:Next5是Hexo的主题之一,其设计风格现代,提供了多种布局和配色方案。Next5主题不仅注重美观,还包含丰富的插件...
下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先,你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统,对于管理代码和项目非常有用,而Node.js是JavaScript的后端运行环境,因为Hexo是...
在Hexo博客框架中,NexT主题是一款非常受欢迎的高级主题,以其优雅的设计和丰富的功能深受用户喜爱。"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式,旨在确保评论区与整个博客...
通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令...
4. **配置Next主题**:安装Next主题后,需要在Hexo的配置文件`_config.yml`中设置主题相关参数。此外,还可以自定义布局、颜色、字体等,甚至可以通过修改主题源码来实现更深度的定制。 5. **`hexo d`命令**:这是...
在众多的主题中,“极简的Hexo博客主题专注于内容展现”是一个特别注重内容呈现的设计,旨在让读者更加专注于博客文章本身,而不会被过于花哨的界面元素分散注意力。 这个主题采用JavaScript和CSS技术来实现其简洁...
《Hexo主题优化:基于Landscape-plus的深度定制与扩展》 在Web开发领域,静态博客生成器Hexo因其简洁高效的特点受到了众多博主的青睐。其中,Landscape-plus主题以其优雅的设计和良好的可定制性,成为了许多用户的...
要安装Next主题,需在Hexo项目根目录下执行 `npm install hexo-theme-next --save`,然后在 `_config.yml` 中将主题设置为 `theme: next`。 4. **配置Next主题**:Next主题的配置文件位于 `source/_data/next.yml`...
5. **主题配置**:Hexo主题的配置文件(通常为`_config.yml`)允许用户根据需要调整各种设置,如站点元数据、菜单结构、社交链接等。Vexo主题同样提供了丰富的配置选项,让用户可以根据自己的喜好定制主题。 6. **...
安装和使用Matery主题时,你需要按照`README`文件中的步骤进行,这通常包括安装依赖、下载主题文件、配置Hexo的配置文件 `_config.yml`,并根据需要自定义主题颜色、字体和其他样式。同时,由于标签中提到了"php",...
Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...
4. **自定义设置**:根据个人需求,可以编辑`themes/fluid/_config.yml`来调整主题配置,如颜色、布局、字体等。此外,你还可以利用主题提供的小部件和插件增强博客功能。 5. **预览与部署**:使用`hexo server`...
将繁杂的文章编写以及上传简化 具体用法请访问。...
标题 "我的博客(Hexo + NexT + GitPage).zip" 暗示这是一个包含个人博客搭建配置的压缩包,使用了Hexo框架、NexT主题以及GitPage服务。接下来,我们将深入探讨这些关键词所代表的IT知识点。 Hexo是一个基于Node....
在发布文章时,你可以利用Markdown语法撰写内容,添加图片和链接,Diaspora主题会自动将其转化为美观的布局。同时,主题可能还支持其他功能,如社交链接、评论系统、归档、标签云等,这些可以通过配置文件进行开启和...
"ThemeBMW"是一款精心设计的Hexo博客主题,专为那些寻求美观且功能丰富的网站界面的用户而打造。Hexo是一个流行的静态站点生成器,它允许用户通过Markdown编写内容,并自动生成HTML页面,使得个人博客的搭建和维护变...
用户在使用时,需要将这些文件解压并放置到Hexo项目的指定目录下,然后根据提供的文档进行配置,以便使NexT主题生效。 在实际使用中,NexT主题支持多语言、暗黑模式、社交链接、搜索功能、Favicon自定义、SEO优化等...
总的来说,hexo-theme-yelee凭借其简约的设计、实用的功能以及开源的优势,成为了Hexo用户理想的博客主题选择。无论是新手还是经验丰富的博主,都能在Yelee主题中找到适合自己的个性化设置,打造一个既专业又个性化...