用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盘或其它的记得改环境变量。