草庐IT

【hexo博客搭建】本地搭建hexo博客(上)

彩虹猫~喵ヾ(≧▽≦*)o 2023-03-28 原文

前言

本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言

一.本地搭建

1.安装前置

1.1安装git

git官网下载最新版本的git即可,因为本地是Windows所以下载Windows版本即可,如下图所示,如果你是x64版本的电脑就下载红色箭头所指的版本,如果你是x32的就下载x32版本的。

下载完毕安装包之后全部next下一步即可


1.2安装node.js

安装hexo博客需要nodejs的支持,需要去nodejs官网下载,下载LTS长期支持版本即可,如下图
我这里的版本是16.13.2LTS

下载完毕之后,直接按照自己需求设置即可,或者直接全部下一步,安装完毕之后,检测安装成功输入如下命令,就可以查看node版本,然后里面还带有npm包管理器也是如下命令查看版本

Windows的建议是,使用cmd用管理员的方式启动
使用windows键 + q输入cmd,鼠标右键以管理员的方式启动

node查看版本

node -v

npm查看版本

npm -v

如下图所示,显示nod版本为v16. 13 .2,npm版本为8. 1. 2


1.3npm换淘宝源

换淘宝源的原因是npm在国外下载速度很卡,淘宝源是国内的就不卡,使用npm下载cnpm来实现换源。

npm下载cnpm命令如下

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入这个命令之后,如下图,第一个红色箭头是安装命令,安装可能会稍微有点久,第二个红色箭头是检查是否安装成功,如果和我显示的一样,没有ERR的报错那么就是安装成功了。


1.4使用cnpm安装hexo博客框架

到这里已经完全安装完毕前置,就可以正式开始安装hexo博客框架,输入如下命令来安装hexo博客框架。

安装博客框架命令

cnpm install -g hexo-cli

输入完如上命令之后如下图,第一个红色箭头是上面的安装博客框架命令,第二个红色箭头是检查是否安装成功,如果你和我一样,那么就是安装成功了。


2.生成hexo博客

2.1准备文件夹

到这里就能真正的安装hexo博客了,首先需要准备一个文件夹比如我这里准备的是blog文件夹来放我的hexo博客,输入命令如下。

准备blog文件夹

cd ..
cd ..
md blog
cd blog

如下图所示按照从上往下的顺序,第一个箭头是回到上级目录,第二个箭头也是回到上级目录,第三个箭头是创建blog文件夹第四个箭头是进入blog文件夹(是不是写的太详细,废话太多了?)

上图是因为我使用的是虚拟机操作,只有一个C盘,所以只能在C盘下操作,这里我选择的是在C盘根目录下面创建blog文件,如果你是真实机,电脑里面应该有D盘F盘等等...什么盘,如果你要在其他盘创建可以输入如下命令

其他盘创建文件夹命令

> 盘符:                 #比如 D:
> md `你要创建的文件夹`  #比如 md blog
> cd `你创建的文件夹`    #比如 cd blog

2.2生成hexo博客文件

在上面操作的blog文件目录下操作,cmd最好是管理员的方式运行,输入如下命令即可在blog文件夹下面生成hexo博客文件。

生成hexo博客文件

hexo init

因为各种原因,没有在C盘操作了,比如权限问题,下面我都是在虚拟机的E盘操作

然后我遇到了一个问题在这里记录一下,如果你在这个步骤和我遇到了一样的问题也可以参考我的解决办法。如下图报错。

解决办法是找到nodejs的安装目录,右键属性,点击安全,设置users用户完全控制权限

输入完成生成命令之后,可以在生成的目录下面看见这些文件,如下图,后门做博客全部都是基于如下图的文件来修修改改


2.3启动hexo博客

现在什么都做完了,就差启动了,输入如下命令即可启动,前提是必须是在你生成hexo博客的文件夹下面输入如下命令

启动hexo博客

hexo s

输入完成这个命令之后你应该能看见如下图所示的样子

然后就可以根据地址到浏览器去访问,http://localhost:4000/
如下图,成功画面。

我就在这里简单说下hexo的命令用法

启动服务

hexo s

删除缓存

hexo clean

重构文件

hexo g

部署到远程站点

hexo d

在这个页面上面,也详细说明了,怎么创建文章,启动服务,到此,一个基础的hexo博客就已经搭建完毕。


二.更换主题

官方给的主题不太好看怎么办,换主题呗!这里我以Matery主题来做演示,当然你现在看见的这个博客就是用Matery主题来修改的。

1.下载主题

Matery官方文档当然你也可以去官方文档查看,里面有如何修改,配置,当然大多数还是需要自己去修改。

在你的hexo目录下面有一个themes文件夹,cd进去,然后下载matery主题,命令如下

安装matery主题

git clone https://github.com/blinkfox/hexo-theme-matery.git

如下图,如果你和我一样那么就是下载成功了,从上往下,我们先看第二个箭头,第二个箭头是安装matery主题命令,然后下载完毕之后,把themes文件夹里面的主题名字改为matery原名是hexo-theme-matery,这样的好处是方便操作


1.1安装主题

下载完毕之后还需要做配置文件的修改才能生效,首先我们打开hexo博客目录下的_config.yml文件,如下图,从左往右,打开第一个红色箭头所指的_config.yml文件然后,右边的红色箭头是打开文件过后的样子,找到底部theme选项,然后把原本的值修改成matery

如下图查看效果,发现就变好康了很多?,这里查看的时候,先ctrl+c停止运行,然后输入hexo clean清理缓存,在然后输入hexo g重构,最后输入hexo s运行服务即可

下一篇文章将是把本地博客部署到阿里云服务器上面

有关【hexo博客搭建】本地搭建hexo博客(上)的更多相关文章

  1. ruby - 使用 C 扩展开发 ruby​​gem 时,如何使用 Rspec 在本地进行测试? - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当

  2. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  3. ruby - 在 Rails 项目中测试本地版本的 gem - 2

    我的Rails站点使用了一个确实不是很好的gem。每次我需要做一些新的事情时,我最终不得不花费与向实际Rails项目添加代码一样多的时间来为gem添加功能。但我不介意,我将我的Gemfile设置为指向我的gem的GitHub分支(我尝试提交PR,但维护者似乎已经下台)。问题是我真的没有找到一种合理的方法来测试我添加到gem的新东西。在railsc中测试它会特别好,但我能想到的唯一方法是a)更改~/.rvm/gems/.../foo。rb,这看起来不对或者b)升级版本,推送到Github,然后运行​​bundleup,这除了耗时之外显然是一场灾难,因为我不确定我所做的promise是否正

  4. ruby - 如何捕获所有 HTTP 流量(本地代理) - 2

    我希望访问我机器上的所有HTTP流量(我的Windows机器-不是服务器)。据我了解,拥有一个本地代理是所有流量路线的必经之路。我一直在谷歌搜索但未能找到任何资源(关于Ruby)来帮助我。非常感谢任何提示或链接。 最佳答案 WEBrick中有一个HTTP代理(Rubystdlib的一部分)和here's一个实现示例。如果你喜欢生活在边缘,还有em-proxy伊利亚·格里戈里克。这postIlya暗示它似乎确实需要一些调整来解决您的问题。 关于ruby-如何捕获所有HTTP流量(本地代理)

  5. ruby-on-rails - Rails 3,在RAILS_ROOT上方显示来自本地文件系统的jpg图片 - 2

    我正在尝试找出一种方法来显示来自不在RAILS_ROOT下(在RedHat或Ubuntu环境中)的已安装文件系统的图像。我不想使用符号链接(symboliclink),因为这个应用程序实际上是通过Tomcat部署的,而当我关闭Tomcat时,Tomcat会尝试跟随符号链接(symboliclink)并删除挂载中的所有图像。由于这些文件的数量和大小,将图像放在public/images下也不是一种选择。我查看了send_file,但它只会显示一张图片。我需要在一个格式良好的页面中显示6个请求的图像。由于膨胀,我宁愿不使用Base64编码,但我不知道如何将图像数据与呈现的页面一起传递下去。

  6. Ruby 服务器在本地主机(teambox)之外非常慢 - 2

    我刚刚在我的Ubuntu9.10服务器上安装了TeamBox。我使用提供的服务器脚本在端口3000上启动并运行它。它的运行速度非常慢,从另一台计算机连接时每个HTTP请求最多需要30秒。我使用链接从shell加载TeamBox,一点也不花时间。然后我设置了一个SSH隧道,它再次运行得非常快。我通过此服务器上的apache以及SAMBA等运行了大约30个虚拟主机,没有任何问题。我该如何解决这个问题? 最佳答案 我的redmine(ruby,webrick)太慢了。现在我解决了这个问题:apt-getinstallmongrelruby

  7. ruby - 如何停止 jekyll 本地服务器 - 2

    我刚刚在本地设置了我的第一个Jekyll项目。我已经让服务器运行,但我忘了使用自动标志。所以现在我想停止服务器并使用标志重新启动。但是,在我启动服务器后的命令行中,我没有得到新的提示,所以我无法输入任何新命令。我不太习惯命令行,所以我真的很感激知道我应该做什么!我正在使用MacOSX和terminal.app,如果有区别的话! 最佳答案 psaux|grepjekyll|awk'{print$2}'|xargskill-9 关于ruby-如何停止jekyll本地服务器,我们在StackO

  8. ruby - 使用 Ruby 将输入值适本地转换为整数或 float - 2

    我相信我对这个问题有一个很好的答案,但我想确保ruby​​-philes没有更好的方法来做到这一点。基本上,给定一个输入字符串,我想在适当的情况下将该字符串转换为整数,或在适当的情况下将其转换为float。否则,只返回字符串。我会在下面发布我的答案,但我想知道是否有更好的方法。例如:to_f_or_i_or_s("0523.49")#=>523.49to_f_or_i_or_s("0000029")#=>29to_f_or_i_or_s("kittens")#=>"kittens" 最佳答案 我会尽可能避免在Ruby中使用正则表达式

  9. ruby-on-rails - 无法访问 ruby​​ on rails 上的本地主机 - 2

    当我运行服务器并转到localhost:3000时,我收到此错误:ActiveRecord::ConnectionNotEstablishedNoconnectionpoolwithidprimaryfound.有问题的代码:activerecord(5.0.0)lib/active_record/connection_adapters/abstract/connection_pool.rb:874:in`retrieve_connection' 最佳答案 我会发表评论,但我缺乏声誉。反正这个错误有时候是sqlite版本导致的。我建

  10. ruby - 使用 Ruby/Puma 的本地 SSL - 2

    我正在运行本地puma服务器,但无法在SSL下加载资源。我有一个本地签名的证书。我正在尝试使用以下配置运行服务器:puma-b'ssl://127.0.0.1:9292?key=/path/to/certs/localhost.unecrypted.key&cert=/path/to/certs/localhost.crt'现在,当我访问https://localhost:9292或https://127.0.0.1:9292时,浏览器只是旋转并且没有来自服务器的响应。不返回任何资源。它两次向我显示HTML标题标签,但几乎总是什么也得不到。有什么想法吗?其他想法?确实需要在本地运行此应

随机推荐