通过hexo和github创建个人blog指北
寒假闲来无事,就想搞个blog空间放点自己个人感想之类(深受wmgg和cnjj影响),正巧学院要求每个人都要写个人感想(卷素拓),就下定决心搞一个,途中充满坎坷,最后五次重头再来,终于成功搭建。
在此过程中,感谢wmgg和cnjj的帮忙~要不是没有他们接受我很多次提问,可能我现在还在初级阶段qaq。
话不多说,记录一下我的创建博客经历吧~希望对你有用!
先简要陈列一下大致的过程:
1.相关工具安装
2.github相关问题处理
3.换主题!(原来的主题真的太丑……)
4.发表文章!
5.嘚瑟一下(bushi)
下面就一步步慢慢来吧~
一、相关工具安装
安装GIT
Windows端
到Git官网下载Git Download,安装后就可以用 Git Bash 命令行工具来使用Git了。安装好后,在Git Bash中输入git —version检验是否安装成功。
安装Node.js
Windows端
Node.js官网下载LTS版本,64位msi安装包,安装后分别在命令行(win+R输入cmd调用)输入node -v和npm -v检验PATH环境变量是否配置了Node.js
安装hexo
Windows环境进入Git Bash,Linux环境进入终端,开始搭博客啦!
首先新建一个文件夹blog来存放自己的博客,然后cd进入到这个文件夹下,输入下面的命令安装Hexo:
npm install -g hexo-cli
同样,安装完毕后需要hexo -v查看一下版本。
至此需要的工具都安装完了。接下来初始化一下Hexo:
hexo init blog
这里的blog取什么名字都行。
这时,在你的blog文件夹下会出现一个新的blog文件夹,进入到这个子文件夹后新建Hexo。
npm install
新建完成后,指定文件夹目录下应该有以下主要文件:
- node_modules:依赖包
- scaffolds:生成文章的一些模板
- source:用来存放自己的文章
- themes:网站主题
- _config.yml:博客的配置文件
hexo g
hexo server
输入以上命令来开启hexo服务,在浏览器中输入localhost:4000就可以看到博客的初始化界面啦,现在还是有点丑丑的。
二、github相关问题处理
首先,要做好准备工作,登陆github官网创建个人账号,并且在github中新建一个和你用户名相同的 仓库,后面加 .github.io,也就是xxxx.github.io,只有这样将来要部署到GitHub Page的时候才会被识别。
这里值得一提的是,github只有英文版,如果英文不太好的友友们(我自己就是)可以用谷歌浏览器打开,让强大的智能替我们翻译一下~
生成SSH添加到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,你可以选择密钥的保存位置,然后一路回车。
ssh-keygen -t rsa -C “youremail”
这里面可能有一步要输入yes,注意着点就ok
创建成功后,文件夹下会有两个文件,其中id_rsa是你这台电脑的私人密钥,id_rsa.pub\是公共密钥。把公钥放在GitHub上,这样当你链接GitHub自己的账户时,她就会根据公钥匹配你的私钥,匹配成功才能通过git上传自己的文件到GitHub上。
在GitHub的setting(右上角头像下拉)中找到SSH and GPG keys的设置选项,点击New SSH key\,把id_rsa.pub\里面的内容复制进去。
然后回到Git Bash,试试是否配置成功。
配置成功后,大概率还会收到邮件通知你已经配对成功辣!
革命成功大半!!!
将Hexo部署到GitHub
在这步中,我们将要把Hexo和GitHub关联起来,使得Hexo生成的文章都部署到GitHub上。
打开网站配置文件_config.yml,拉到最后,将deploy部分修改为:
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master
YourGithubName对应你的GitHub账户
注意注意注意!这里的所有冒号后面必须要跟一个空格!这里的所有冒号后面必须要跟一个空格!这里的所有冒号后面必须要跟一个空格!重要的事情说三遍!!!
接下来安装deploy-git,只有这样才能用命令将文章部署到GitHub上:
npm install hexo-deployer-git —save
然后进行以下的命令操作:
hexo clean
hexo generate
hexo deploy
- hexo clean:清除之前生成的东西,在日后新部署文章的时候可以使用,现在加不加没什么区别
- hexo generate:生成静态文章,缩写“hexo g”
- hexo deploy:部署文章,缩写“hexo d”
在浏览器地址栏中输入https://yourname.github.io就可以看到你的博客网站了!!
开心~~~
到这里为止,可以说空间的搭建已经完成了,可是有一个问题,那就是太丑辣!!!
下面跟我一起去修改一下主题吧~
三、换主题!
我换的是matery主题,链接奉上~
https://github.com/blinkfox/hexo-theme-matery
点开链接,打开readme.md文件。
点击CN中文说明
跟着作者的步骤一步步走就ok辣
值得一提的是,有一部分(个性化)作者没有讲明白
在csdn上找了一篇文章,
https://blog.csdn.net/qq_41376237/article/details/113475727
按着这个连接走可以很好的了解每一部分代码各自的功能~
换主题这方面还是挺繁琐的,但是只要耐心一步步走完,高人领路,一点不难!
四、发表文章!
首先,要下载一个编辑md文件的软件,比如typora(我正在用这个写这篇文章)
正版软件是要收钱的(好像80y)
至于小道途径也是有的捏,github上一搜一大把,大家八仙过海各显神通吧~
(富哥当我没说)
准备工作完毕!现在编辑好想要发表的文章,开始传到自己的网站上!
将导出的.md
文件复制到hexo博客文件下的/source/_posts
文件内;
复制完成后,用编译器打开这个文件,在第一行加上title
;
title格式如下:
“—-”
“title:my blog”
“—-”
上文中的引号不用输入。
命名结束完成后,在/source/_posts文件内鼠标右键点击空白处,选择Git Bash Here:
输入 hexo g (完整命令为hexo generate),用于生成静态文件;
然后输入 hexo s(完整命令为hexo server),用于启动服务器,主要用来本地预览;完成后 打开浏览器输入 http://localhost:4000,会发现多了你刚写的那篇博客;
最后输入hexo d(hexo deploy),用于将本地文件发布到github等git仓库上;
最后,文章发布成功!!!
这样就可以搭建好自己的blog空间啦~
你学废了吗?
下注文中一些文字出处,再次对原作者表示感谢!
https://blog.csdn.net/weixin_45663697/article/details/109008471
https://blog.csdn.net/qq_41376237/article/details/113475727
欢迎大家对giggle的空间提出宝贵意见!
如果你也有了自己的blog空间,可以联系giggle互相建个友情链接哟~