windown系统hexo+Github搭建教程及模板(小学生都能做出来)!

阅读须知


注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢⊙o⊙。
教程内容随意复制使用,引用的话请加一个参考链接,谢谢!

前言


最近疫情期间真的很无聊,从过年到现在已经休息三个月了,游戏也打腻了,只能做个博客来消磨时间了,花了两天的时间把博客搭的差不多像个样子了,很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细的教程。我在此稍稍总结一下具体的搭建步骤,另外网上很少有修改博客源码的个性化教程,我就稍稍分享一下我的一些修改经验,更多的个性化操作需要你自己以后去摸索。

具体效果可以参观我的博客:qingy.me,欢迎大家支持。

我不是一个前端程序员,有些东西不是很了解,写的有问题或有改进的地方请大家指出。

首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。

目录结构

  • 安装Node.js
  • 添加国内镜像源
  • 安装Git
  • 注册Github账户
  • 安装Hexo
  • 连接Github与本地
  • 写文章、发布文章
  • 绑定域名

个性化的模板和添加分页我就不详细写了,网上有很多,我真的是懒得写~


hexo的初步搭建还有部署到Github page上,以及个人域名的绑定

1.安装Node.js

首先下载稳定版Node.js,我这里给的是64位的。
安装选项全部默认就可以,一路点击 Next
最后安装好之后,按 Win+R 打开命令提示符,输入 node -vnpm -v来验证是否成功(出现版本号)。

2.添加国内镜像源

如果不会科学上网的话(其实很简单的,这里不做讲解,以后可能会更文章),可以使用阿里的国内镜像进行加速。

npm config set registry https://registry.npm.taobao.org

3.安装Git

为了把本地的网页文件上传到github上面去,我们需要用到分布式版本控制工具————Git下载地址

安装选项还是全部默认,只不过最后一步添加路径时选择Use Git from the Windows Command Prompt,这样我们就可以直接在命令提示符里打开git了。

安装完成后在命令提示符中输入git --version验证是否安装成功。

4.安装Hexo

在合适的地方新建一个文件夹,用来存放自己的博客文件,比如我的博客文件直接存放在桌面(C:\qingy\desktop\boke)目录下。

在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不要用Windows自带的控制台了。

打开Git Bash Here后,输入npm i hexo-cli -g安装Hexo。会有几个报错,无视它就行。

安装完后输入hexo -v验证是否安装成功。

至此hexo就安装完了。

然后就要初始化我们的网站,输入hexo init初始化文件夹,接着输入npm install安装必备的组件。

这样本地的网站配置也弄好啦,输入hexo g生成静态网页,然后输入hexo s打开本地服务器,然后浏览器打开:http://localhost:4000/,就可以看到我们的博客初步搭建起来了,效果如下:

ctrl+c关闭本地服务。

5.注册Github

接下来就去注册一个github账号,用来存放我们的网站。大多数小伙伴应该都有了吧,作为一个合格的程序猿(媛)还是要有一个的。

打开https://github.com/,新建一个项目,如下所示:

然后如下图所示,输入自己的项目名字,后面一定要加.github.io后缀,README初始化也要勾上。名称一定要和你的github名字完全一样,比如你github名字叫abc,那么仓库名字一定要是abc.github.io,如下图:

6.生成SSH链接到GitHub

生成SSH添加到GitHub,连接Github与本地。
右键打开git bash,然后输入下面命令:

git config --global user.name "yourname"
git config --global user.email "youremail"

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

可以用以下两条,检查一下你有没有输对

git config user.name
git config user.email

然后生成密钥SSH key:

ssh-keygen -t rsa -C "youremail"

当输入完以上命令按回车后会有另外的提示,一路按回车就好了。

ssh,简单来讲就是一个非对称加密方式来实现安全传输,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

然后打开GitHub,在头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便起。

git bash中输入:

cat ~/.ssh/id_rsa.pub

将输出的内容复制到刚刚GitHub的SSH框中,点击确定保存。

输入ssh -T git@github.com,如果出现你的用户名,那就成功了。

7.将hexo部署到GitHub

这一步,我们就可以将hexoGitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客配置相关的各种信息。

修改repository为你的仓库地址:

deploy:
  type: git
  repository: https://github.com/qingy-xyp/qingy-xyp.github.io
  branch: master

以上全部完成以后就可以在git bashhexo g生成静态文章,hexo d进行上传了!

注意第一次部署的时候需要输入你的usernamepassword

8.写文章、发布文章

首先在博客根目录下右键打开git bash,安装一个扩展npm i hexo-deployer-git

然后输入hexo new post "文章名字",新建一篇文章。

然后打开\source_posts的目录,可以发现下面多了一个文件夹和一个.md文件,一个用来存放你的图片等数据,另一个就是你的文章文件啦。

使用markdown语法编写完文件后,根目录下输入hexo g生成静态网页,然后输入hexo s可以本地预览效果,最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。

9.绑定自己的域名

现在默认的域名还是xxx.github.io,是不是很没有牌面?大家也都想替换成自己的域名,相信各位都会自己去注册商注册一个属于自己的域名,这里就不详细说明了,只需要在你的注册商官网添加两条DNS解析即可(A类型的IP地址可以通过ping获取,CNAME直接指向yourname.github.io即可)。

然后打开你的github博客项目,点击settings,拉到下面Custom domain处,填上你自己的域名,保存:

好了就先到这里吧。


 上一篇
记一篇使用流量回溯分析网站被恶意入侵行为 记一篇使用流量回溯分析网站被恶意入侵行为
本次流量分析使用国内外(钢化玻璃一样的强力国产)专业流量分析厂商的设备回溯(RSA)-科来 1.问题描述某门户网站多次“被黑”,影响恶劣,由于运维管理人员不了解黑客的攻击手法,因此无法彻底避免这类安全事件发生,只能通过登录被黑服务器查找
下一篇 
Hello World Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hex
2020-04-18
  目录