草庐IT

Hexo博客搭建记录

liyuelian 2023-03-28 原文

Hexo博客搭建记录

参考视频：手把手教你从0开始搭建自己的个人博客 |无坑版视频教程

以下命令操作建议使用管理员权限完成

1. nodejs & hexo 安装

1.首先下载node.js，并安装（安装node时，会自动安装npm），安装完毕后在控制台输入node -v，如果显示版本则说明安装成功。

D:\>node -v
v16.18.1

D:\>npm -v
8.19.2

2.安装cnpm，命令为npm install -g cnpm --registry=https://registry.npm.taobao.org

（因为这里我已经下过了，所以显示可能不准确）

D:\>npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs

added 4 packages, removed 6 packages, and changed 415 packages in 1m

11 packages are looking for funding
  run `npm fund` for details

输入cnpm -v，如果出现下面的字样说明安装cnpm成功

D:\>cnpm -v
cnpm@9.0.1 (D:\apps\nodejs16.18.1\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@8.19.3 (D:\apps\nodejs16.18.1\node_global\node_modules\cnpm\node_modules\npm\index.js)
node@16.18.1 (D:\apps\nodejs16.18.1\node.exe)
npminstall@7.3.1 (D:\apps\nodejs16.18.1\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\apps\nodejs16.18.1\node_global
win32 x64 10.0.19044
registry=https://registry.npmmirror.com

3.使用cnpm安装hexo，命令cnpm install -g hexo-cli，安装完毕后使用命令hexo -v，如果出现以下字样说明安装hexo成功。

D:\>hexo -v
hexo-cli: 4.3.0
os: win32 10.0.19044
node: 16.18.1
v8: 9.4.146.26-node.22
uv: 1.43.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 93
nghttp2: 1.47.0
napi: 8
llhttp: 6.0.10
openssl: 1.1.1q+quic
cldr: 41.0
icu: 71.1
tz: 2022b
unicode: 14.0
ngtcp2: 0.8.1
nghttp3: 0.7.0

2.使用hexo搭建博客

1.首先使用命令hexo init <yourBlogName>：创建你的站点目录，并使用hexo初始化该文件夹

如果在搭建博客的过程中有问题，只要把文件夹删掉重来即可

D:\>hexo init blog
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
INFO  Start blogging with Hexo!

初始化成功后，站点目录下生成的文件：

2.使用命令hexo s，启动博客（注意要之前的目录下运行），博客在本地的4000端口启动，访问http://localhost:4000/ 即可以看到

D:\blog>hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

3.使用命令hexo n "文章名"，创建博客文章。

D:\blog>hexo n "我的第一篇博客文章"
INFO  Validating config
INFO  Created: D:\blog\source\_posts\我的第一篇博客文章.md

进入对应的目录下，可以看到已经成功生成md文件，然后就可以在该文件中写博客了

D:\blog>cd D:\blog\source\_posts\
D:\blog\source\_posts>dir
 驱动器 D 中的卷是 Data
 卷的序列号是 8A15-B825

 D:\blog\source\_posts 的目录

2023/01/12  00:48    <DIR>          .
2023/01/12  00:48    <DIR>          ..
2023/01/12  00:08               876 hello-world.md
2023/01/12  00:48                75 我的第一篇博客文章.md
               2 个文件            951 字节
               2 个目录 1,724,429,172,736 可用字节

4.返回博客目录，使用命令hexo clean清理一下缓存文件，使用命令hexo g在hexo站点根目录下生成public文件夹

D:\blog\source\_posts>cd ../..

D:\blog>hexo clean
INFO  Validating config
INFO  Deleted database.

D:\blog>hexo g
INFO  Validating config
INFO  Start processing
INFO  Files loaded in 157 ms
INFO  Generated: archives/index.html
INFO  Generated: index.html
INFO  Generated: tags/杂记/index.html
INFO  Generated: archives/2023/01/index.html
INFO  Generated: js/jquery-3.4.1.min.js
INFO  Generated: fancybox/jquery.fancybox.min.css
INFO  Generated: css/fonts/fontawesome-webfont.woff
INFO  Generated: fancybox/jquery.fancybox.min.js
INFO  Generated: archives/2023/index.html
INFO  Generated: js/script.js
INFO  Generated: css/style.css
INFO  Generated: css/fonts/fontawesome-webfont.ttf
INFO  Generated: css/images/banner.jpg
INFO  Generated: css/fonts/fontawesome-webfont.eot
INFO  Generated: css/fonts/FontAwesome.otf
INFO  Generated: css/fonts/fontawesome-webfont.woff2
INFO  Generated: 2023/01/12/hello-world/index.html
INFO  Generated: 2023/01/12/我的第一篇博客文章/index.html
INFO  Generated: css/fonts/fontawesome-webfont.svg
INFO  19 files generated in 360 ms

D:\blog>

5.然后hexo s重新启动服务，浏览器访问端口，成功生成新的文章。

3.将博客部署到github

1.登录github，创建新仓库，仓库名必须如下：

其他选项默认，然后点击创建仓库。

2.当前站点目录下，使用命令npm install hexo-deployer-git --save，安装git。

注意设置用户名和邮件：(随意)

git config --global user.name <你的用户名>
git config --global user.email <你的邮箱>

3.在hexo博客目录下的 _config.yml 文件，最后几行改为如下形式，然后保存。

注意：每个冒号后面要加空格

4.使用命令hexo d，将博客部署到github中

D:\blog>hexo d
INFO  Validating config
INFO  Deploying: git
INFO  Setting up Git deployment...
Initialized empty Git repository in D:/blog/.deploy_git/.git/
...
...
Enumerating objects: 39, done.
Counting objects: 100% (39/39), done.
Delta compression using up to 8 threads
Compressing objects: 100% (29/29), done.
Writing objects: 100% (39/39), 886.59 KiB | 1.82 MiB/s, done.
Total 39 (delta 5), reused 0 (delta 0), pack-reused 0
remote: Resolving deltas: 100% (5/5), done.
To github.com:liyuelian/liyuelian.github.io.git
 * [new branch]      HEAD -> master
branch 'master' set up to track 'git@github.com:liyuelian/liyuelian.github.io.git/master'.
INFO  Deploy done: git

这里没有设置ssh免密登录的要输入github账号密码

5.在github仓库刷新，可以看到所有hexo文件已经上传到仓库中。

6.在地址栏中访问<你的github用户名>.github.io，即可看到个人博客网站。

4.如何发布新文章

参考：Hexo博客教程（二）| 如何写作新文章并发布

1.首先使用命令hexo new <title>创建新文章，然后到hexo目录/source/_posts下去编写文章。

使用该命令创建的md文件头会有一个前置信息Front-matter，用于给hexo渲染md文档。

配置项 意义
title 文章标题
date 文章创建日期
comments 是否启动文章评论功能
tags 文章标签
categories 文章分类
keywords 文章关键字

2.使用命令hexo clean，清除掉旧的数据

这个命令会清除掉之前生成的网页，即站点根目录下的public文件夹。

3.使用命令hexo g

这个命令会将source文件夹下所有的md文件进行渲染，生成HTML页面，存放在public文件夹下。

特别提醒！ 每次修改文章后，都要执行这两条命令，清除掉旧的数据，然后重新生成页面。

4.使用命令hexo d，将文件上传到你的远程仓库中即可。

可以先使用hexo s，先在本地预览一下

5.如何更换博客主题

以yilia主题为例：litten/hexo-theme-yilia: A simple and elegant theme for hexo. (github.com)

1.在你的hexo目录下运行：git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

D:\blog>git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
Cloning into 'themes/yilia'...
remote: Enumerating objects: 2037, done.
remote: Counting objects: 100% (1/1), done.
remote: Total 2037 (delta 0), reused 0 (delta 0), pack-reused 2036
Receiving objects: 100% (2037/2037), 10.53 MiB | 398.00 KiB/s, done.

Resolving deltas: 100% (1079/1079), done.

2.在_config.yml文件中修改主题，保存。

注意冒号后面有空格

3.在hexo目录下使用hexo clean，然后使用hexo g重新生成public文件

D:\blog>hexo clean
INFO  Validating config
INFO  Deleted database.
INFO  Deleted public folder.

D:\blog>hexo g
INFO  Validating config
INFO  Start processing
INFO  Files loaded in 285 ms
...
INFO  20 files generated in 64 ms

4.使用hexo s在本地启动，预览一下

5.觉得没问题了，就在hexo目录下使用hexo d，将新的博客文件发布到你的远程仓库中。

D:\blog>hexo d
INFO  Validating config
INFO  Deploying: git
...
INFO  Deploy done: git

然后在你的<github个人用户名>.github.io上就可以看到新的博客主题了

有时候会延迟一会才能更新

6.nexT主题

！！！注意：如果是旧的6.0以前的next主题：hexo使用next主题，location:4000显示不对问题。 · Issue #2253 · iissnan/hexo-theme-next (github.com)

Hexo的Next主题详细配置

Hexo博客codehexoINFO非技术区

有关Hexo博客搭建记录的更多相关文章

  1. ruby - Sinatra:运行 rspec 测试时记录噪音 - 2

    Sinatra新手；我正在运行一些rspec测试，但在日志中收到了一堆不需要的噪音。如何消除日志中过多的噪音？我仔细检查了环境是否设置为:test，这意味着记录器级别应设置为WARN而不是DEBUG。spec_helper:require"./app"require"sinatra"require"rspec"require"rack/test"require"database_cleaner"require"factory_girl"set:environment,:testFactoryGirl.definition_file_paths=%w{./factories./test/

  2. ruby-on-rails - Rails 5 Active Record 记录无效错误 - 2

    我有两个Rails模型，即Invoice和Invoice_details。一个Invoice_details属于Invoice，一个Invoice有多个Invoice_details。我无法使用accepts_nested_attributes_forinInvoice通过Invoice模型保存Invoice_details。我收到以下错误:(0.2ms)BEGIN(0.2ms)ROLLBACKCompleted422UnprocessableEntityin25ms(ActiveRecord:4.0ms)ActiveRecord::RecordInvalid(Validationfa

  3. ruby-on-rails - 事件记录 : Select max of limit - 2

    我正在尝试将以下SQL查询转换为ActiveRecord，它正在融化我的大脑。deletefromtablewhereid有什么想法吗？我想做的是限制表中的行数。所以，我想删除少于最近10个条目的所有内容。编辑:通过结合以下几个答案找到了解决方案。Temperature.where('id这给我留下了最新的10个条目。 最佳答案 从您的SQL来看，您似乎想要从表中删除前10条记录。我相信到目前为止的大多数答案都会如此。这里有两个额外的选择:基于MurifoX的版本:Table.where(:id=>Table.order(:id).

  4. Ruby 守护进程导致 ActiveRecord 记录器 IOError - 2

    我目前正在用Ruby编写一个项目，它使用ActiveRecordgem进行数据库交互，我正在尝试使用ActiveRecord::Base.logger记录所有数据库事件具有以下代码的属性ActiveRecord::Base.logger=Logger.new(File.open('logs/database.log','a'))这适用于迁移等(出于某种原因似乎需要启用日志记录，因为它在禁用时会出现NilClass错误)但是当我尝试运行包含调用ActiveRecord对象的线程守护程序的项目时脚本失败并出现以下错误/System/Library/Frameworks/Ruby.frame

  5. ruby-on-rails - 在 Rails 中更高效地查找或创建多条记录 - 2

    我有一个应用需要发送用户事件邀请。当用户邀请friend(用户)参加事件时，如果尚不存在将用户连接到该事件的新记录，则会创建该记录。我的模型由用户、事件和events_user组成。classEventdefinvite(user_id,*args)user_id.eachdo|u|e=EventsUser.find_or_create_by_event_id_and_user_id(self.id,u)e.save!endendend用法Event.first.invite([1,2,3])我不认为以上是完成我的任务的最有效方法。我设想了一种方法，例如Model.find_or_cr

  6. ruby - 在模块/类之间共享全局记录器 - 2

    在许多ruby​​类之间共享记录器实例的最佳(正确)方法是什么？现在我只是将记录器创建为全局$logger=Logger.new变量，但我觉得有更好的方法可以在不使用全局变量的情况下执行此操作。如果我有以下内容:moduleFooclassAclassBclassC...classZend在所有类之间共享记录器实例的最佳方式是什么？我是以某种方式在Foo模块中声明/创建记录器还是只是使用全局$logger没问题？ 最佳答案 在模块中添加常量:moduleFooLogger=Logger.newclassAclassBclassC..

  7. ruby - Sinatra 中的全局救援和日志记录异常 - 2

    如何在出现异常时指定全局救援，如果您将Sinatra用于API或应用程序，您将如何处理日志记录？ 最佳答案 404可以在not_found方法的帮助下处理，例如:not_founddo'Sitedoesnotexist.'end500s可以通过调用带有block的错误方法来处理，例如:errordo"Applicationerror.Plstrylater."end错误的详细信息可以通过request.env中的sinatra.error访问，如下所示:errordo'Anerroroccured:'+request.env['si

  8. ruby-on-rails - 在不重新查询数据库的情况下重新排序 Rails 中的事件记录？ - 2

    例如，假设我有一个名为Products的模型，并且在ProductsController中，我有以下代码用于product_listView以显示已排序的产品。@products=Product.order(params[:order_by])让我们想象一下，在product_listView中，用户可以使用下拉菜单按价格、评级、重量等进行排序。数据库中的产品不会经常更改。我很难理解的是，每次用户选择新的order_by过滤器时，rails是否必须查询，或者rails是否能够以某种方式缓存事件记录以在服务器端重新排序？有没有一种方法可以编写它，以便在用户排序时rails不会重新查询结果

  9. ruby-on-rails - ActiveRecord 如何将现有记录添加到 has_many :through relationship in rails? 中的关联 - 2

    在我的Rails项目中，我有三个模型:classRecipe:recipe_categorizationsaccepts_nested_attributes_for:recipe_categories,allow_destroy::trueendclassCategory:recipe_categorizationsendclassRecipeCategorization通过这个简单的has_many:through设置，我怎样才能像这样获取给定的食谱:@recipe=Recipe.first并根据现有类别向此食谱添加类别，并在相应类别上对其进行更新。所以:@category=#Exi

  10. ruby-on-rails - 使用 Rails 事件记录获取二级模型 - 2

    我有一个帖子属于城市的关系，城市又属于一个州，例如:classPost现在我想找到所有帖子及其所属的城市和州。我编写了以下查询来获取带有城市的帖子，但不知道如何在同一查找器中获取带有城市的相应州:@post=Post.find:all,:include=>[:city]感谢任何帮助。谢谢。 最佳答案 Post.all(:include=>{:city=>:state}) 关于ruby-on-rails-使用Rails事件记录获取二级模型，我们在StackOverflow上找到一个类似的问

随机推荐