使用hexo+github免费搭建个人博客网站教程

首先这里附一下我的个人博客网址:https://guixq.github.io/

建前准备

1、安装Node.js

2、安装Git


win+r输入cmd回车进入命令行:依次测试如下命令确定是否成功安装

node -v
npm -v
git --version

3、安装cnpm

npm下载速度太慢,所以我们用淘宝提供的国内镜像cnpm替代

在命令行输入如下代码进行安装

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

在命令行输入如下代码测试是否安装成功

cnpm -v

4、Github账号

Github官网:https://github.com/

设置 user.name 和 user.email[可选]

打开Git命令行

在Git命令行设置user.name和user.email

git config --global user.name "your user-name"
git config --global user.email "your user-email"

配置 SSH 密匙[可选]

ssh-keygen -t rsa -C user-email
/root/.ssh/id_rsa

然后直接输入回车回车,这时进入到 /root/.ssh/ 目录下查看 id_rsa.pub 文件

复制文件里的所有内容 (所有内容, 一个字符都不要漏) . 然后到 Github 添加 ssh 密匙,点击 New SSH key 按钮进行添加

1

正式开始

1、新建仓库

在github新建一个仓库,仓库名为<user-name>.github.io格式,其中<user-name>是你Github的昵称。

这样做,我们不需要服务器,github免费提供托管服务,我们也不需要购买域名,github同样提供了一个.io的域名。

2、全局安装hexo

cnpm install -g hexo

3、初始化项目

在磁盘里找个地方创建一个文件夹作为你的本地博客资源位置,这个文件夹就是你的项目根目录,然后在此处打开cmd命令行,运行如下命令,文件夹内就会出现hexo基础配置文件

hexo init

4、本地查看

在项目根目录,运行如下命令,可以在本地网址http://localhost:4000/访问你的博客

hexo s

5、部署到github

在项目根目录找到_congif.yml文件,找到deploy字段并填写完整,填写如下:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: <你的仓库地址> # https://github.com/user-name/user-name.github.io,注意把user-name换成你自己的用户名。
  branch: master

[可选]如果前面配置了SSH,可以把repo字段这样写:

git@github.com:user-name/user-name.github.io.git

这样做的好处是将本地项目部署到github时不用每次输入用户名和密码。

[部署]

在项目根目录依次运行如下代码:

hexo clean #简写hexo cl
hexo g
hexo deploy #简写hexo d

如果部署成功,那么就可以在https://user-name.github.io/ 查看效果了

注:hexo clean && hexo g && hexo deploy为部署三件套,我们每次将本地博客内容推送到网络上都需要依次运行这三个命令。

如果我们修改完本地配置想在本地先查看一下效果,则只需要运行hexo s命令即可。

主题优化

不出意外的话,你会在https://user-name.github.io/这里看到你的博客的效果,但是它很丑有木有!所以我们需要丰富它!

hexo-theme-matery主题

目前网上有许多大佬写的优秀的主题,我们可以任选一个应用之,我用的是hexo-theme-matery,所以我们以这个主题为例来讲解使用:

具体基本配置请参考:

https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md

其他一些个性化配置请参考:

hexo(matery)背景、滚动条优化+增加点击跳评论

hexo博客matery主题个性化配置

……

完结

参考

5分钟搞定个人博客-hexo

使用hexo+github免费搭建个人博客网站超详细教程

……

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值