通过hexo和github创建个人blog指北


通过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

https://mp.weixin.qq.com/s?__biz=MzA3NDk4NzA0MQ==&mid=2650486705&idx=1&sn=a7e5d66faf53b223e90fd091cc42b5c0&chksm=8778f4ffb00f7de9f02f84d74393cb81544037ec9af469fa77be2211a4ca4fc5f29b77bbaab2&mpshare=1&scene=23&srcid=1118oY8SYhnqQImXNlJew7hY&sharer_sharetime=1637318270042&sharer_shareid=f4f1251be68d7d516945f36b7eae3f49#rd

欢迎大家对giggle的空间提出宝贵意见!

如果你也有了自己的blog空间,可以联系giggle互相建个友情链接哟~


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