阅读 127

还没有专属blog?快来搭建一个专属于你的hexo博客吧~

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

前言

什么是hexo? A fast、simple & powerful blog framework; 一个快速,简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。

准备搭建环境

首先我们需要下载 node.js 目前node.js的稳定版本应该是v14.18.0 选择合适的安装包安装即可 image.png 安装只需要一直点击下一步就可以了。

接下来我们需要下载Git 直接下载最新版就好了

image.png

创建github账号

github大家都不陌生吧。如果你还没有注册github账号 点击这里注册吧

github提供了一个免费的域名 [自定义名称].github.io 我们只需要新建一个github Repository 就可以进行域名的使用了

image.png 按照上图的操作步骤点击后

image.png 跳转到上图所示的页面 然后我们填写Repository name 格式按照[自定义名称].github.io即可。 仓库我们选择公开而不是私有。然后点击Create repository 这样就生成了一个类似域名的仓库。

配置github ssh

SSH 是较可靠,专为远程登录会话和其他网络服务提供安全性的协议。使用SSH密钥可以让电脑更加方便的向github push代码。

配置账户名和邮箱

$ git config --global user.name "lizhien"// 你的github用户名,非昵称
$ git config --global user.email  "2968xxx65@163.com"// 填写你的github注册邮箱
复制代码

生成ssh keys

首先检查下电脑中是否已有ssh

cd ~/.ssh 
ls 或者 ll //看是否存在id_rsa 和 id_rsa.pub文件,如果存在,说明已经有SSH Key
复制代码

如果没有 我们回到桌面 点击右键选择 git Bash Here git bash 打开后 输入

$ ssh-keygen -t rsa -C "youremail@example.com"
复制代码

你需要把邮件地址换成你自己的邮件地址,然后一路回车 如果一切顺利的话,可以在用户根目录里找到.ssh目录,里面有id_rsaid_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以向外暴露出去。

第2步: 登录github 打开 settings->SSH And GPG Keys ->New SSH Key

配置SSHid_rsa.pub中的内容复制到key里面生成一个SSH keys

第3步:打开 Git Bash Here 输入命令测试是否配置成功

$ ssh -T git@git.com
复制代码

如果提示Are you sure you want to continue connecting(yes/no)?输入yes.然后看到:

Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 
复制代码

看到这个信息说明SSH已配置成功。

搭建博客

在电脑磁盘中新建一个名为hexo的文件夹(名字可以随便取),比如我的是d:\hexo,这个文件夹将来就作为你存放博客代码的地方。

打开doc命令行或者git Bash Here 使用npm 安装全局 hexo 依赖包

npm install -g hexo
复制代码

安装完成后 我们检查是否安装全局成功 在doc命令行中输入hexo 如果结果和下图一样 则代表hexo博客已经全局安装成功了。 image.png 如果你遇到 'hexo' 不是内部或外部命令,也不是可运行的程序 那么你需要配置hexo的环境变量 在C盘找到AppDate\Roaming\npm\node_modules\hexo\bin 环境 将这个路径添加到电脑的系统环境变量中 然后打开doc命令行 依次输入

 hexo init  //初始化博客
 hexo g   //生成文件
 hexo s   //启动服务
复制代码

hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故。关闭占用的端口重新启动服务即可

第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,打开后就是这个样子

初始化页面 看到这个页面 就代表我们成功的在本地搭建好了hexo博客。

修改主题

hexo默认提供的主题较为简洁。我们可以自己找一些适合自己风格的hexo主题。以下几个主题分享给大家:

indigo


Butterfly(博主所用的主题)


Diaspora


Nexmoe


具体主题的配置可以参考安装教程进行配置。这里就不再赘述

配置及发布

我们打开生成的hexo项目的文件夹 找到一个名为_config.yml的文件 然后打开:

image.png

deploy:
  type: git 
  repository: git@github.com:[你的github名称]/[你自定义的仓库名称].github.io.git
  branch: main
复制代码

配置yml一定要注意要在 value的前面加上一个空格 如type: git :git之间有一个空格符号

配置完成后 进行保存 然后在hexo的根目录右键点击git Bash Here

npm install hexo-deployer-git --save
复制代码

安装这个依赖包 一定需要使用git bash进行安装 否则会报错

安装完成后 我们执行命令 hexo d 将代码部署到github上。

至此 hexo博客就已经搭建到了github上。 我们可以直接访问对应的域名即可进入专属于自己的blog


新建一篇blog

找到hexo博客的根目录,在Git Bash Here 中执行如下命令:

hexo new post '你的博客名称'
复制代码

hexo 会自动帮我们在/source/_posts/生成一个以md结尾的文件。这个就是以markdown格式的文件。 然后就可以开始编写博客了。


End

点击进入我的blog

感谢您观看此篇文章 如果对您有帮助,希望能给个👍评论收藏三连!

文章分类
前端
文章标签