a Farm

写在前面

​ 本站最初是在10月30日建立,当时在网上教程的指导下,三四个小时就部署完成了,还记得输入localhost:4000看到landscape时心里那种兴奋激动。
  看到页面只是一个开始,之后还需要更换主题,配置主题,po文章,添加功能。
博客逐渐完善的过程就是我持续学习的过程。
  在多次选择主题之后,本地文件夹已经被我搞得破烂不堪,现在已经决定好了,准备重新搭一遍,在此记录一下建站的过程,激励自己继续学习,也希望能带动他人喜欢上计算机。
  ————来自一个苟且生活的高三狗


从零开始的hexo博客

最初是在Windsys的关于页面,得知网页是个人开发的,后来又看到别人做的个人博客,用来记录学习生活,十分羡慕啊啊~之后了解了用hexo+GitHub的方式免费(白嫖)制作个人博客,就立马开始行

  1. 安装软件 node.js,git,typora,vs code
  2. 安装Hexo
  3. SSH相关配置
  4. 部署到GitHub,(首先你得有个GitHub账号)
  5. 后续配置(更换主题,个性化修改)

part.1 准备工作

安装Node.js
这个去官网下载需要的版本安装就OK了[Node.js官网]http://nodejs.cn/download/

安装GitBash
这是个命令行工具,当然是比Windows自带的好用所以才推荐的呢[GItBash官网]: https://git-scm.com/download/win

安装完成之后,在任意目录下右击选择“GitHere”,测试一下是否配置成功,正常情况下会出现版本号,当然具体是什么版本并不重要。

$ node -v
v12.13.0
$ npm -v
6.12.0

part.2 开始吧

在本地创建一个文件夹(暂且叫做blog,储存本地文件用),进入文件夹目录,右键选择“GitHere”

npm install -g hexo-cli //安装hexo
hexo init //初始化hexo //这个可能需要稍等几分钟
npm i hexo-server //安装封装工具包

初始化

亲,这边推荐您先记住几个基本命令呢

hexo c //clean清hexo理缓存
hexo g //generate更新
hexo s //server
hexo d //deploy远程部署

现在你已经有了博客,不相信??

$ hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

在浏览器输入localhost:4000,就会看到hexo为你准备的十分简陋简洁landscape主题。
换主题的事情之后再说,现在你可以po文章了鸭,不去试试嘛

在blog目录下打开Git
hexo new “文章名字”
//然后在sourse文件夹,post里会新建一个*.md格式的文件,这是你发布的文章,可以修改内容

Hello World

你问我md是什么意思??很好理解啊,就是玛德一种编写文本的标记语言全名MarkDown,例如简书,知乎的很多网站都已经支持。[Markdown语法教程]https://www.jianshu.com/p/191d1e21f7ed
md编辑器的话有很多,我自己在用的是Typora,[Typora官网] https://www.typora.io/ 官网下载的话有时候很慢~

白色主题

黑色主题

part.3 更换主题

hexo的官网集合了所有的主题,可以去大海捞针???相信大多数人都是看到别人的好看主题才去用的,我带着这种心理使用了三个主题,yilia,Material-X,Sakura。

安装主题具体有两种方法(其实在主题的介绍文档里边都会写的)

  1. 利用命令将文件克隆到本地

    git clone https://github.com地址

  2. 在GitHub下载压缩包格式,因为除了主题内容还有些source的配置对新手来说比较太麻烦,直接下载解压就省去这些麻烦咯。

    下载好后解压到博客根目录(不是主题目录哦,重复的选择替换)。接着在命令行(cmd、bash)运行npm i安装依赖。

接下来,在站点配置文件中修改

theme: Sakura

执行hexo g;hexo s,去看看新主题怎么样~

part.4 获取SSH密钥

别问我这是什么东西,这是为下一步做准备的

  • 没有GitHub账号的需要先注册一个,新建一个仓库,命名为”username.github.io”

  • 打开GitBash依次输入:

    git config –global user.name yourname
    git config –global user.email youremail
    //上面的yourname 和 youremail分别指你的github用户名以及github绑定的邮箱

    • 设置ssh密钥

    进入blog目录,Git中输入
    ssh-keygen -t rsa -C “youerEmail”
    然后cd进入 “cd ~/.ssh”
    执行”cat id_rsa.pub” 获取ssh密钥,在GitHub的setting中设置密钥

    • 在gitbash中执行”ssh -T git@github.com“ 检查是否成功
    • 在站点配置文件 _config.yml 中配置GitHub地址

    deply:
    type: git
    repo: https://yourGitHub仓库地址 //这里是.io结尾的地址
    branch: master

part.5 一步之遥,部署到Github

现在你可以自由发挥了,阅读主题作者的介绍文档,网上查资料,就可以个性化修改主题和内容了,因为本人在用Sakura,在这里贴出一个使用教程,作者是yremp [教程]https://yremp.live/hexo-sakura/
但是,不管你怎么修改,现在的博客只能在localhost:4000中看到,其他人是不能浏览的,所以我们需要白嫖部署到Github上


  • 安装deplyer

    npm install –save hexo-deployer-git
    hexo clean
    hexo g(generate)
    hexo d(depoler)

  • 现在可以输入你的仓库地址来访问博客了,并且是免费的,是不是很棒!!

    https://yourgithub.github.io

part.6 绑定域名

现在别人可以访问你的GitHub地址,对,就是那个特别长的那个,来浏览你的博客,现在你也可以选择买个域名,让自己的博客更具个性化。
具体怎么买请自行百度。

在 hexo 项目下,source 文件夹下面创建 CNAME 文件(没有后缀名的),在里面写上购买的域名。比如:

之后打开GitHub中博客仓库,打开Settings向下拉,会看到GitHub Pages,把自己购买的域名添加进去就完事儿了!

域名


 评论


博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

载入天数... 载入时分秒...
本小站由kyso搭建,由Hexo提供底层服务基础
本站使用 material-x 作为主题 , 总访问量为 次 。