博客搭建教程


用github+Git+hexo搭建个人Blog

对于搭建博客,我只能说简单但需要耐心,报错就得到各个地方找,当然我会在本文中写下一些我踩过的坑。

也欢迎来我的博客做客哦!https://www.tingxinxs.com

1.Github

​ 首先你得有一个GitHub 的账号。

2.Git

​ 在官网上下载Git (git-scm.com)

​ windows用户可以直接从右边下载,其它用户可以进Downloads选择自己的系统进行下载。

还不会的可以参考廖雪峰老师的教程:Git教程 - 廖雪峰的官方网站 (liaoxuefeng.com) 。

​ 安装好后,选择打开 Git Bash ;

​ 输入git得到如下图就说明git的安装成功了:

此时你的 Git 就已经安装完成啦!

3.绑定GitHub

​ 为什么要绑定GitHub呢?其实就是为了方便我们上传文件。 用SSH协议来上传文件是很方便的。感兴趣的可以了解一下什么是SSH: 详述 SSH 的原理及其应用_ssh三种基础应用_CG国斌的博客-CSDN博客 在我们安装好git bush时就自带了SSH 。

​ 输入 ssh-keygen -t rsa 命令(注意空格),直接回车键到底就行(4次),生成两个文件分别是id_rsa(密钥)和id_rsa.pub(公钥,我们需要的) (对了这里要注意:git中的复制粘贴不是 Ctrl+C 和 Ctrl+V,而是 Ctrl+insert 和 Shift+insert.) 生成文件的位置在GIt Bush里是有显示的。

​ 然后依次输入:

cd  ~/.ssh
ls
cat id_rsa.pub

出来的就是你的公钥啦。(或者你根据路径去找也是有文件的。)

​ 接下来进入我们的 GitHub 主页,先点击右上角,再点击 settings ,在左边找到 SSH and GPG keys,再点击 New SSH key. 把刚刚的公钥粘贴进去就ok了(Title你可以随便,不填都可以)。

​ 可以通过在 Git Bash 中输入 :

ssh -T git@github.com

进行检验,问你sure不sure就直接yes就行。

4.安装nodejs和Hexo

###1、安装nodejs

Node.js (nodejs.org) 官网上下载,这是node.js 安装详细的步骤教程 可以参考。

在cmd命令下执行

npm install webpack -g  

2.安装hexo

首先我们先在GitHub上创立一个仓库,这里要注意格式为:“用户名.github.io”。

然后找一个地方放你的Blog文件夹。

在文件夹中鼠标右击打开git bush (嫌弃每次打开都要点一下显示更多选项的可以按住shift再鼠标右击),然后依次输入一下的指令:

npm install -g hexo-cli
hexo init
hexo g
hexo s

 浏览器输入http://localhost:4000 这就是你的Blog雏形啦~

最后别忘了用ctrl+c停止本地观看。

不行?你只要再加两行代码就行:

git config --global user.name"tingxinxs" (你的用户名)
git config --global user.email"******@***.com"(你申请的github用的邮箱)

5.将Hexo部署到GitHub

​ 在你的hexo文件夹中,用笔记本打开 _config.yml 文件。

​ 在最下面加上:

deploy:
  type: git
  repository: https://github.com/tingxinxs/tingxinxs.github.io.git  #你的仓库地址
  branch: main #有的是master,但好像有的两个都行

然后回到 Blog 文件夹中,打开 Git Bash,安装Git部署插件,输入命令:

npm install hexo-deployer-git --save

然后就是hexo三件套了:

hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)

之后你就可以在你的浏览器输入https://xxx.github.io (改成你的)ok,你的博客好了。

6.关于域名

​ 你可以买一个你喜欢的域名(买的话是要身份证的,如果你买的是大陆的还要icp备案(有一说一,这玩意很烦,所以我买了.com而且买的我就等了一小会,很快,何况我的域名也不贵,这里就不细说了,腾讯云,阿里云什么的都可以。)当然也有免费 的,比如eu.org(但是申请的时间比较长)可以自己找找。不废话,上链接:轻松注册eu.org域名指南(abyssjobs.com)

也可以根据自己的喜好购买。

(1)、关于SSL证书

​ 在腾讯云,阿里云等,界面中直接搜索ssl证书,注意,你在哪边买的域名就在哪个地方搜索,是有免费的证书的。

踩过的坑:

warning: HTTPS connections may not be secure. See https://aka.ms/gcm/tlsverify for more information.

这多半是寄了。 解决方法,在git中输入:

git config --global http.sslVerify false 

为博客搭建图床

1.用七牛云搭建

​ emmmm为什么我用这个呢,因为免费啊!!!注:国内要备案,所以我选择了国外,尝试用了一下,不错的呢,如果后面发生什么情况了我再来修改。

​ 好吧,我的博客只能在当地(4000)显示图片,用了ssl证书https也不行,但是链接确实是有的…准备换一个。

2.用smms.app

​ 这个网页是免费的,而且轻巧好用smms 。不过限制也是有的:每个文件最大 5 MB。每个请求最多 10 个文件。

温馨提示

​ 注意:我的操作都是在c盘下进行的,如果你要放d盘或其它的记得改环境变量。

参考资料

从零开始搭建个人博客(超详细) - 知乎 (zhihu.com)

node.js 安装详细步骤教程_node安装_程序员老油条的博客-CSDN博客


文章作者: 二月初昕
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 二月初昕 !
  目录