快速hexo搭一个属于自己的博客(三步走)

前言


这里需要用到的产品(算是产品吧)有:git 、github、hexo

Step.1 - github注册一个账号


就直接上github官网注册一个账号,名字找一个记得住别太长的,常用英文网名就行。

注册完成后直接点这个绿色的create repiository, 新建一个仓库在这里插入图片描述
之后注册一个属于你自己的库。(注意,库的名字要和账户名一致!
在这里插入图片描述

默认的域名是http;//你的网名.github.io/,如果想要一个特别的域名,可以买一个域名,并在setting里面绑定就可以了。

这样,就完成了注册。

Step.2 - 装一个用来提交的git


2.1 - 安装git

好像Linux自带了些能够直接git的操作,Windows的话还是下载安装一个git比较方便,具体的下载安装可以参照git官网

然后说一下安装git时候的一些小问题吧,大概缕了一下他们之间的关系 :
bash是一种shell ,git shell 是安装了git的shell

git bash中输入 git version 可以查看到版本
在这里插入图片描述

2.2 - 开始SSH授权

成了密钥和公钥
打开git bash,输入ssh-keygen -t rsa ,接着回车三下。用户目录中生成了密钥id_rsa和公钥id_rsa.pub这两个文件。
在这里插入图片描述

找到id_rsa.pub文件
想要找到ssh文件夹下的id_rsa.pub文件,只需要在终端中输入:open ~/.ssh
就会在自动弹出ssh文件,再选择id_rsa.pub文件即可

本地密钥和公钥配对
然后从gitbub中的setting找到SSH and GPG keys。记事本打开id_rsa.pub,复制其中的全部内容,添加到GitHub上,这样本地的id_rsa密钥就可以和GitHub上的id_rsa.pub公钥进行配对,授权成功。
在这里插入图片描述

完成提交
在这里插入图片描述

测试一下
在bash终端键入ssh -T git@github.com进行测试。
显示返回Hi username !You’ve successfully…说明成功进入:在这里插入图片描述

Step.3 - 设置本地博客的配置


3.1 - 安装hexo

从电脑中找一个合适的位置下载安装hexo。我选了桌面新建一个hexo文。比如进入cd /Users/**USERNAME**/Desktop/hexo
输入npm install -g hexo安装hexo即可在这里插入图片描述

注:若发现有网速过慢无法下载的现象,考虑更换镜像。在这里插入图片描述

  1. npm换源成淘宝镜像:
    npm config set registry https://registry.npm.taobao.org
  2. 之后再运行npm install -g hexo安装hexo即可

安装完成后,键入npm install hexo --save,再输入hexo v查看是否成功安装,如下显示则说明成功了。在这里插入图片描述

3.2 初始化hexo

  1. 输入hexo init实现初始化
  2. 再键入hexo s
    这时候我们从浏览器了,在地址栏中输入http://localhost:4000/
    可以看到刚刚建好的博客(点此自动跳转上述网址)

若提示(node:10825) ExperimentalWarning: The fs.promises API is experimental等报错
说明node的版本不是最新的,而在项目引入的模块是最新的,node.js的版本低于模块的版本。更新即可。

可参考如下指令酌情使用:

  1. 检查 Node的当前版本,使用命令:node -v
  2. 清除npm cache:sudo npm cache clean -f
  3. 安装n模块:sudo npm install -g n
  4. 安装最新的稳定版本:sudo n stable
  5. 查看Node的版本,检查升级是否成:node -v

若网页如下显示正常打开,说明搭建已完成。
在这里插入图片描述

多说一句


在之前新建的hexo文件夹中:

  1. source/_posts文件夹,存放了初始化文章
    在这里插入图片描述
  2. theme文件,为主题文件夹
    在这里插入图片描述
  3. _config.yml文件为配置文件
    在这里插入图片描述

如果要上传项目,打开配置文档_config.yml,对它里面的Deployment项做如下修改:

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
	type: git
	repository: git@github.com:TypicalSpider/TypicalSpider.github.io.git
	branch: master

截图如下在这里插入图片描述

提示:repository后面的内容是 `git@gitbub.com:USERNAME/库地址
type、repository、branch冒号的后面都有一个空格

如果要添加新的文章,可以在终端键入hexo new 'filename',这样会生成一个新的.md文件,对它编辑即可。

最后安装Git部署插件,输入命令:
npm install hexo-deployer-git --save

上传markdown代码。回到命令行窗口,输入

npm install hexo-deployer-git --save
hexo g
hexo d

即可将public中新增的代码上传(hexo d 就是部署网站命令,d是deploy的缩写),同时在GitHub上也可以看到刚才上传的代码。
别人也可以通过域名(地址栏输入http://用户名.github.io )访问新建的博客。
查看效果如下

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值