Mac OS下用「hexo+github」搭建个人博客!

这个不是教程 只是搭建过程记录向 记录一下我报错查教程改错报错查教程改错报错查教程改错。。的过程 前面有些步骤在后面有报错然后修正 所以千万不要相信我的步骤


准备工作

** 安装nodejs和git(这个自己在官网安装就可以)**
** 接着要用npm安装hexo **
在终端输入npm install -g hexo-cli

很多报错 可以看见好几个都是permission denied(因为权限不足无法访问)
可以看见提示的建议是:Please try running this command again as root/Administrator.
所以重新输入sudo npm install -g hexo-cli(sudo:申请root权限)
下图表明安装成功

用hexo在本地新建一个博客

** 新建文件夹然后右键「新建位于文件夹位置的终端窗口」**
(第一次使用的话可以在【finder-服务-服务偏好设置】中勾选上那一项)
** 文件夹位置下终端输入 **

1
2
3
4
hexo i blog//blog是项目名,叫别的也随便
cd blog//进入blog文件夹
hexo g//编译
hexo s//本地预览

(后两句不加sudo的话同样会出现permission denied的问题 所以在开头加上sudo给他权限就可以啦 下面有些地方还会遇到sudo的问题 就不赘述了 报权限不够的错误的话自己加上)

成功后会给出一个链接 一个在本地的博客就这样建好了 点开就可以发现已经有一个博客的大概了

这里用到了4000端口 如果该端口被占用的话可以查一下是什么东西占用了这个端口`sudo lsof -i:端口号` 如果没有输出表面该端口没有被占用 被占用的话会给出一个进程 里面有一个PID号 如果是没设么用的进程 输入`sudo kill -9 pid号 `结束掉他即可

默认给的是个叫「landscape」的主题 不同主题有不同的功能布局外观 当然也可以自己写个主题出来
不过这种是大佬们的操作 我这个小白还是先找个主题用吧。。
这里放上一些主题:https://github.com/hexojs/hexo/wiki/Themes 此外知乎上也有关于hexo主题的讨论

设置博客主题

** 在文件夹打开终端输入git clone加上所选主题的地址 **

(此处以及后面所说的终端一般都是blog文件夹终端了)

git clone https://github.com/iissnan/hexo-theme-next themes/next

** 打开文件夹下的这个文件 官方名叫站点配置文件 **

** 然后找到里面的theme并更改 **

** 回到终端输入 **

1
2
3
hexo clean
hexo g
hero s

点进生成的blog可以看见主题已经换好啦

** 在[themes/next/config.yml]里配置next **

冒号后面是有空格的 后面有些地方也是一样!!!一定要有空格 不然会报很长很长的错!!!

可以看见备注写了三个方案给你选

然后重新输入以下代码查看效果

1
2
3
hexo clean
hexo g
hero s

这时候这里出现了一个警告

https://github.com/theme-next/hexo-theme-next

我用的这个next主题已经移动到别的地方了 所以问题不大复制一下然后找到这个主题的新的地址 按照上面步骤改一下就行
注意要把之前的主题所在文件夹删了 或者生成的时候自己换个不同的文件夹名字

上面是Gemini 还蛮好看蛮直男审美的 就这个吧诶嘿

以上就是在本地建立了一个看得过去的blog了
下面要把这个本地blog上传到github

把博客部署到GitHub上

** 先在GitHub上创建一个新项目 **

项目名必须按如下格式输入 最后一项选上

创建后点项目的setting 下拉找到github pages

看不懂就翻译了一下 那么发现啦那个网址就是我们要用的
现在还是宇宙洪荒混沌初始的状态

接下来要把hexo上的内容部署到github上

** 打开之前提到过的站点配置文件 把最后几行改成如下格式 **

** 在终端输入如下 装个插件 **
npm install hexo-deployer-git --save

emmmmmm???报了一堆错 没事 照他的提示在mac终端输入npm i -g npm更新一下就好了
更新成功的界面如下

查一下也可以发现变成 6.3.0 版本了。。这不重要

然后就是最后激动人心的一步了!!!!!
** 输入hexo d把它部署到github的网站上去 **

然后就走上了漫长的报错之路。。

然后又经历了一系列艰苦卓绝我也不知道发生了啥的几个小时的查来查去试来试去!
最后 终于突然一下的改好了??!

emmmmm不废话了先记录下来 大概讲讲我干了些啥

主要问题还是出在站点配置文件上 因为报错的时候一直说这个找不到那个找不到。。你都找不到我哪找得到啊

然后去找了一些有关hexo站点配置的教程 其中这份讲的是比较详细的了 照着这个改了最后那一段

https://blog.csdn.net/xuezhisdc/article/details/53130383

然后输入

1
2
3
4
npm install hexo-deployer-git --save 
sudo hexo clean
sudo hexo g
sudo hexo d

还原一下我的小白操作。。
最后终端的结果没报错了也没说啥奇奇怪怪得话了就说明成功了

回到github上可以发现 这些东西已经上传到GitHub了

然后就点开github之前给的那个链接 如图

** 之前的本地网站已经上传了!!撒花!!!! **


补充一点内容:

首先是关于博客美化的问题 这个就看到什么好看的功能就往上使就是了 next主题美化教程还是很多哒 还有一些关于目录标签的功能 都很好上手

这篇是一个小小小小小汇总:hexo下各种博客美化和功能插件汇总(内附本博客css样式)

2020.02.17更新的一点点:hexo+NexT主题下的一些功能优化

2020.03.09更新的双线部署:hexo+github+coding双线部署(加快博客访问速度)


然后就是耍了几天博客会发现一个严重的问题!百度!Google!!竟然查不到我自己的网站 但是吧这个坑已经挖了。。不填怎么行。。网上找一下百度Google递交搜索引擎的教程就好了

github站点在百度的http认证到是无法通过的,原因写在下面了

(不过现在有了自己的域名,这个问题短期内已经得到了解决,具体见这篇文章->如何给个人博客换上专属免费域名

google的效率倒是相当快操作也很简洁 站点地图也交好了 一觉醒来在google上搜索到自己博客的感觉 还蛮妙2333333

这里在站点地图提交的时候遇到一个问题 此位置的 Sitemap 不允许此网址

是因为之前在站点配置文件里的 url: 那一项没有设置 要改成自己网站的地址 改完后提交站点地图就不会报错了


更新:关于百度http认证无法通过的问题

有一次用百度蜘蛛爬了一下,然后发现了抓取失败的原因是被拒绝访问了

解决 Github Pages 禁止百度爬虫的方法与可行性分析 这篇是15年的文章,里面有github support部门的回复的原因

如何解决百度爬虫无法爬取搭建在Github上的个人博客的问题?

目前的办法可能是要用cdn加速一下0.0,但是去看了一下站点最近的一些指数,索引量抓取频次啥的都有各种数据了,而且百度已经收录了不少博文了,不像刚开始一条直线。。所以暂时先偷个懒吧(/ω\)


打赏
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2018-2020 LeFlacon

奶茶一杯 快乐起飞

支付宝
微信