不知何时,自己创建了一个博客主页,但特别简陋。在自己的github库里。
本文主要学习对github代码库的pull和push,强调对原有界面的修改。
下文可以从0开始搭建,博主本文强调对原有界面的修改。
超详细Hexo+Github博客搭建小白教程
三分钟在GitHub上搭建个人博客
这边也顺便问为vaala大神引流,欢迎大家访问yyds的vaala!——https://vaala.cat/
Butterfly 安裝文檔(一) 快速開始
Git学习:如何登陆以及创建本地代码仓库、并提交本地代码至Github(最简单方法)
自己的gitbash已经连接上github。
之后,我们要在本地建立一个代码仓库。装载我们的代码。博主初始化在了E盘。
cd E:
cd ./songku
git init
这样就完成了创建代码仓库的操作,创建完之后会在我们的文件夹下生成一个隐藏的git文件夹,该文件夹用来记录git操作,如图所示:
仓库创建完成之后我们可以通过ls -al
命令来查看一下所有的Git操作,如图所示:
第三步.提交本地代码:
代码仓库创建完成之后就可以提交本地的代码了,首先我们在github上找到和我们自己博客所在的https的链接,找到之后clone and download,如下图所示:
复制之后我们在git bash上输入代码:
git clone https://github.com/songku/songku.github.io.git
那么我们就实现了将远程的github上的代码仓库下载到本地的效果。
下面我们它修改,最后保存修改,push到github上,就实现了我们的搬运。
回到蝴蝶。
https://butterfly.js.org/posts/21cfbf15/
克隆蝴蝶博客代码。
建议先安装hexo,node.js再进行下面的搭建博客。https://hexo.io/zh-cn/docs/#%E5%AE%89%E8%A3%85-Hexo
npm install -g hexo-cli
提示错误,我们需要在一个空的folder下进行hexo init
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
进入到文件夹修改
theme修改为butterfly
下面探测了一下目录,并执行了图示命令
经过胡乱一通操作,把自己的博客主页设置成这样了
不过也大致明白了,它把md文件作为了博客页面。以后只要修改md文件,即可修改博客主页。
进行第二弹操作
Butterfly 安裝文檔(二) 主題頁面
在博客根目录下:
npm install hexo-renderer-pug hexo-renderer-stylus
记录修改变化
git add .
注意add 之后的“.”之前是有一个空格的,没有空格的话这句话是没有任何效用的。此时再把我们的代码同步到git上:
git commit -m "second commit"
git push -u origin master
hexo generate#简写为hexo g
生成静态文件。
选项 描述
-d, --deploy 文件生成后立即部署网站
-w, --watch 监视文件变动
-b, --bail 生成过程中如果发生任何未处理的异常则抛出异常
-f, --force 强制重新生成文件
Hexo 引入了差分机制,如果 public 目录存在,那么 hexo g 只会重新生成改动的文件。
使用该参数的效果接近 hexo clean && hexo generate
-c, --concurrency 最大同时生成文件的数量,默认无限制
之后执行命令,在本地服务器查看
hexo server
启动服务器。默认情况下,访问网址为: http://localhost:4000/。
选项 描述
-p, --port 重设端口
-s, --static 只使用静态文件
-l, --log 启动日记记录,使用覆盖记录格式
//最后三条命令!
#git add .
#git commit -m "second commit"
#git push -u origin master
。。。
被Github邮件回复泼了一盆冷水,说是页面无法加载,后面再整,没时间了
The page build failed for the
master
branch with the following error:
The value ‘{}’ was passed to a date-related filter that expects valid dates in/_layouts/default.html
or one of its layouts. For more information, see https://docs.github.com/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#date-is-not-a-valid-datetime.
For information on troubleshooting Jekyll see:
https://docs.github.com/articles/troubleshooting-jekyll-builds
If you have any questions you can submit a request at https://support.github.com/contact?repo_id=299305209&page_build_id=257501987
如上执行完hexo s
后手工执行git commit提交为错误的方法。
正确步骤应该是:当执行完hexo s
后,执行hexo d
hexo d #借助hexo管理工具部署到个人github仓库