windows10下hexo+github搭建个人博客

1,037 次浏览次阅读
没有评论

共计 3504 个字符,预计需要花费 9 分钟才能阅读完成。

一、安装 Git

Git 官网下载 [ 下载地址 ] 或者 淘宝镜像下载

新秀网搬运:https://www.lanzous.com/ib1yata

windows10 下 hexo+github 搭建个人博客

安装完成后,检查 git 是否安装成功,如下显示即为成功。

$ git --version
git version 2.26.0.windows.1

二、安装 node.js 官网地址:https://nodejs.org/en/download/

新秀网搬运:https://www.lanzous.com/ib1y1gd

windows10 下 hexo+github 搭建个人博客

安装完检查 node 是否安装成功,如下显示即为成功。

$ node -v
v12.16.1

$ npm -v
6.13.4

三、Hexo 本地搭建:

在桌面运行空白处右键 ”Git Bash Here” 运行以下命令:

切换阿里的 NPM 镜像

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

在 D 盘新建一个 blogxyz 文件夹, 空白处右键 ”Git Bash Here” 运行以下命令:

cnpm install -g hexo-cli

执行完后再执行这条命令

cnpm install hexo --save

到这 hexo 就安装好了,检查一下 hexo -v 是否安装成功

$ hexo -v
hexo-cli: 3.1.0
os: Windows_NT 10.0.17763 win32 x64
node: 12.16.1
v8: 7.8.279.23-node.31
uv: 1.34.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.40.0
napi: 5
llhttp: 2.0.4
http_parser: 2.9.3
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019c
unicode: 12.1

在 blogxyz 文件里新建一个文件夹 hexo 存放 hexo 文件, 再在 hexo 文件夹空白处右键 ”Git Bash Here” 运行以下命令:

hexo init

运行结果如下:

$ hexo init
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
Cloning into 'D:\blogxyz\hexo'...
remote: Enumerating objects: 30, done.
remote: Counting objects: 100% (30/30), done.
remote: Compressing objects: 100% (24/24), done.
remote: Total 161 (delta 12), reused 12 (delta 4), pack-reused 131
Receiving objects: 100% (161/161), 31.79 KiB | 58.00 KiB/s, done.
Resolving deltas: 100% (74/74), done.
Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
Cloning into 'D:/blogxyz/hexo/themes/landscape'...
remote: Enumerating objects: 1063, done.
Receiving objects:  59% (633/1063), 1.78 MiB | 24.00 KiB/s

初始化成功后,hexo 文件 夹内会出现如下的文件:

node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:放下下载的主题
_config.yml:  博客的核心配置文件(设置主体、标题等属性)

windows10 下 hexo+github 搭建个人博客

接下来需要执行一下下面这条命令, 不然后面的命令会报错!

cnpm install

结果:

$ cnpm install
√ Installed 9 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 13ms(network 10ms), speed 0B/s, json 0(0B), tarball 0B)

最后用  hexo s -g  命令来启动安装好的  hexo

$ hexo s -g
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

windows10 防火墙弹出提示, 允许即可

注意: 上面这个命令框不能 Ctrl+ C 停止, 停止的话, 浏览器打开 http://localhost:4000 就是 ” 无法访问此页面 ” 了

windows10 下 hexo+github 搭建个人博客

至此 Hexo 搭完毕.

四、Github 托管 Hexo

1 配置用户名和邮箱, 在桌面点击鼠标右键,点击Git Bash Here

git config --global user.name "此处填写你注册时的用户名"
git config --global user.email "此处填写你注册时的邮箱"

2 首先需要安装发布的插件,在本地博客目录下也就是 hexo 文件夹, 在 hexo 文件夹空白处右键 ”Git Bash Here” 运行以下命令:

npm install hexo-deployer-git --save

紧接着,将本地目录与 GitHub 关联起来,输入下面的命令行:

ssh-keygen -t rsa -C "你的邮箱地址"

输入后一直回车,然后在 C:/Users/[username] 目录下找到名为 .ssh 的文件夹,文件夹内会有两个文件,一个 id_rsa.pub 一个id_rsa,用文本编辑器打开id_rsa.pub,复制里面的的内容。然后打开 Github,点击右上角的头像  Settings  选择SSH and GPG keys

windows10 下 hexo+github 搭建个人博客

然后回到 Git 的命令行界面,测试一下是否与 GitHub 连接成功。输入下面的命令行:

ssh -T git@github.com
$ ssh -T git@github.com
The authenticity of host 'github.com (52.74.223.119)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no/[fingerprint])? 

点击回车,然后会出现一个询问内容,输入 yes,回车,会出现一段内容,Hi <account name>! You've successfully authenticated, but GitHub doesnot provide shell access.。说明连接成功。此处这个<account name> 就是你 Github 的用户名。

进入博客站点目录,用文本编辑器打开 _config.yml,这个_config.yml 是博客的配置文件,在以后的博客修改,如个性化修改,博客 SEO 优化等都会使用到,修改如下图的几个地方:

windows10 下 hexo+github 搭建个人博客

滑到文件最底部,有一个 deploy,在 deploy 下面添加一个 repo 项,一个 branch 项。填入如下代码,

windows10 下 hexo+github 搭建个人博客

上边修改完毕以后,依次执行以下命令,提交本地 hexo 文件到GitHub

# Hexo 会根据配置文件渲染出一套静态页面
hexo g
# 将上一步渲染出的一系列文件上传至至 Github Pages
hexo d
# 也可以直接输入此命令,直接完成渲染和上传
hexo g -d

或者如下命令:

hexo clean // 清除缓存
hexo generate // 生成静态文件
hexo deploy // 部署到远程站点

博客线上测试, 在地址栏输入https://gxxxcn.github.io, 文件推送至 GitHub 后页面显示会有一定的延迟,稍等几十秒再次刷新页面,看到下边这些页面就表示博客部署成功。

windows10 下 hexo+github 搭建个人博客

绑定自己的域名:

1 先用 CMD 命令 PING gxxxcn.github.io 得到 IP 地址, 再在把自己的域名解析到对应的 IP, 分别解析 @和 WWW

2 在 Hexo 目录下的 source 中建一个 CNAME 命名的文件夹(切记没有后缀)  创建方式:新建 txt 文本→输入你购买的域名 www.blj0105.top→保存即可, 然后右键该 txt 文本重命名→将.txt 后缀去掉→会提示文件不可用继续确定即可

进入 github 项目中,点击 setting,进入 setting 页面后,往下找到 Custom domain,改成你的域名。这样就能够通过自己的域名访问了

正文完
 
新秀网
版权声明:本站原创文章,由 新秀网 2020-04-07发表,共计3504字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)