最近出了一些事,想了想以后的路,发现我最想做的还是【Follow My Master】. 那就从换博客开始吧。计划是两到三周出至少一篇小研究结论。这一篇,就从在Github上搭一个博客开始吧。我的笨蛋Master话比较少,写的攻略总是很简略,有时候我都看不懂,还是用自己的语言再记录一遍好了。CSDN新改的编辑器还能写MarkDown吗?

1. 什么是Hexo

Github不提,世界上最大的同性交友网站,程序员应该必知了吧。Github 。

那么什么是Hexo呢?用Master的话说,这是一个可以简单搭一套博客的框架。至于为什么选Hexo,不知道,我没研究过别的,只知道跟着他先学就好了。说不定以后玩的多了会去了解别的,目前,就先用这个吧。 Hexo官网

2. 起手预备工作

要用这个东西,有一些是前置准备工作。Master的电脑是Mac,我的是Windows,据说大同小异,按查的攻略来说,Mac比Windows还要简单点。

· 先有两个要安装的:1. Node;2. Git。具体安装攻略不讲,这个随便找个攻略傻瓜式下一步就可以解决。

如何判断这两个东西安装完成?如果傻瓜安装的话,对于Node,在命令行输入node -vnpm -v 可以分别打印出版本号,对于Git,随便在什么目录点一下鼠标右键可以出现 Git Bash 和 Git GUI 菜单,或者命令行输入 git --version 显示版本号。

· 下一步要搞一个Hexo框架回来了。

Node安装完成后,npm命令就可用了,不做更多设置,新手傻瓜操作,就直接使用。参照hexo官方文档,这里要执行的是npm install -g hexo-cli ,但是没有解释这个-g的意思,我搜了一波,在npm install的官方文档里,查到-g是--global的意思,全局安装应该会直接配好环境变量吧。省事,照抄。然后出了个大事,Hexo的东西全部放在了C:\Users\Point\AppData\Roaming\npm\node_modules\hexo-cli 这个目录底下。。。仔细看了看,发现npm命令安装的都在这里,所以如果要更改目录,可能需要更改npm的设置,新手起手,不看了,能用就行,弯路绕太多万一回不来就不好了。

By the way,这个Hexo的官方文档很萌啊,全部流程都写了,在安装git的提示里还写了这样一句“由于众所周知的原因,从上面的链接下载git for windows最好挂上一个代理,否则下载速度十分缓慢。也可以参考这个页面,收录了存储于百度云的下载地址。”哈哈哈哈哈众所周知的原因~~~~

3. 开启博客的框架搭建

搞事情啦,找个目录,准备放你的工程。我建的目录叫D:\PointGithub\HexoBlog,然后在cmd命令行里cd跳转过去,输入 hexo init 命令,开启初始化步骤。这个命令完成后会提示“INFO  Start blogging with Hexo!”,然而没完,还需要再执行一个 npm install 命令。这个命令执行完之后,目录会有这些东西:①_config.yml文件存放网站的配置信息,②package.json文件存放项目信息,③scaffold目录存放模板,④source目录存放用户资源,⑤themes目录存放主题。

然后偷瞄一下.gitignore文件,我特好奇这种东西,这东西能大概看出来一个项目里什么是无关的玩意儿。官方文档里还有写一些会被自动忽略自动处理的文件,我不完全明白,用的时候再说,先复制过来:

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。
Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

OK以上指引在Hexo官方文档里都有写,所以不建议你们看 My Master的攻略,对好奇宝宝来说太特么难懂了。

顺便吐槽一下新版CSDN的编辑器,恶心死了。。。所以本宝宝不玩了,搭好立马转。

4. Hexo,启动!

还是在项目目录下,输入hexo server命令可以启动到4000端口。我偷摸测了一下,在其他目录跑这个命令跑不起来,所以这个命令应该是启动当前目录下的服务。以及按我的经验……如果你有很多个用hexo搭的玩意儿,你可能需要改些端口免得冲突,这个改端口的命令是hexo server -p 端口号。不试了,先把这个玩起来。

5. 我们去Github吧!

其实启动完成之后,正常操作是把页面先改成自己的,但是我比较习惯准备工作做完再仔细研究高级玩法,好歹要先跑通不是,所以这一步,我先把这玩意放到github去,后面的更改慢慢再玩。

这一步,笨蛋Master两句话带过,所以我看他的博客的时候一直比较懵逼,本来github就是新手玩不熟,他还没耐心写,那我自己写,哼。查一波攻略,然后步骤如下:

1. 先在github建一个repo,名字是你的github昵称.github.io。

2. 把项目的public目录变成一个git仓库然后传上去。常规操作不解释。这里要注意一点是,一般的项目可以不配置SSH Key,直接用账号密码上传,这玩意不行,必须配置。然后用My Master的话,这东西传到git仓库之后剩下的事hexo会自动做。这一步曾经失败了无数次,找不到原因,最终使用重装大法,重装了本机的git,解决了问题。

3. 后面传完看一眼你的github的repo setting里往下翻有个Github Pages,那里给了一个网址,如果没有网址,看到下面这个报错,是因为hexo里有个md的标签github不认得。

“Your site is having problems building: The tag fancybox on line 77 in themes/landscape/README.md is not a recognized Liquid tag. For more information, see https://help.github.com/articles/page-build-failed-unknown-tag-error/.”

坑爹的/themes/landscape/README.md文件77行有个玩意github认不出来。。。简单粗暴的删掉整个文件内容。。。

删完之后网址就出现了,点进去,出现和本机部署以后一样的页面。

4.以后的更新。更改内容后,需要在本机执行一下 hexo d 命令和 hexo g 命令,进行部署和提交。我不记得这步在什么时候做了,反正想做的时候都可以重新做一次吧。

完成,以后会把博客搬到那边去写了。

我要换博客啦~Github+Hexo~Windows版本相关推荐

  1. 免费个人博客:使用hexo+github搭建详细教程

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  2. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  3. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    (?)[-] http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/ 摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DN ...

  4. 博客搭建(基于hexo)

    准备工作 博客框架:Hexo 博客主题:Fluid, Ayer, butterfly 主机:阿里云轻量级应用服务器 配置:2核2G 60GB 图床:阿里云OSS 软件:oss-browser(阿里云O ...

  5. 【开发环境】(基于Hexo)个人博客主题(Hexo Fluid)更换

    目录 一.Hexo Fluid: 二.安装主题: 指定主题: 创建「关于页」: 三.更多自定义设置: 一.Hexo Fluid: Hexo Fluid 用户手册 (fluid-dev.com)http ...

  6. 大家好,换博客了,希望大家多多关注

    大家好,换博客了,希望大家多多关注,在以后的时间里我会更多的和大家分享我对编程的理解,希望大家多来逛逛... 转载于:https://www.cnblogs.com/ccguo/p/3353537.h ...

  7. 个人博客系列【Hexo】-实现在百度中搜索到自己的博客

    目录 1.添加站点 2.选择协议头"http:// ",填写网站域名,点击下一步: 3.设置站点领域,这里选择信息技术(按需选择),点击下一步: 4.验证网站,选择CNAME验证, ...

  8. 博客砖家及技术团队博客收藏 github开源 (公司)

    各大互联网公司对外分享链接汇总- https://www.wanandroid.com/blog/show/2561 1. 腾讯 github https://github.com/tencent 技 ...

  9. 博客群发软件--用 Windows Live Writer完美发布新浪、网易、blogcn、blogbus、cnbl

    前言: 当今网络博客.微薄铺天盖地,相信即使一个普通的用户也都注册了很多家品牌的博客或者微薄等,那么困扰着大家一个很大的问题,同时在多家博客发布同样的内容,如果说只是简单的文字还好说,复制粘贴就完事了 ...

  10. 开箱即用,Hexo博客的github+server自动部署

    用了一段时间HEXO搭建个人的博客,但每次发布文章,都需要打开电脑hexo g编译之后,再提交到服务器上,确实挺麻烦的,和小伙伴聊完他的日志发布方式之后,痛定思痛,快捷发布日志这个问题需要解决一下了! ...

最新文章

  1. 【Spark Summit East 2017】Spark与在线分析
  2. VC++6绘制GIS地图不同类型的点
  3. document.getElementById 学习总结
  4. thinkphp后台_【帮转】PS4中文社区php后台工程师志愿者/实习生招募
  5. 过了一个有意义的愚人节
  6. Hibernate入门这一篇就够了
  7. 12-31--MAGENTO---强大的配置功能挖掘!!
  8. pytorch---之halfTensor
  9. 面试题总结——JAVA高级工程师
  10. 自动控制原理知识点整合归纳(韩敏版)
  11. centos7 “v篇n“工具
  12. 【计及DG和相关性的纯交流三点估计随机潮流计算方法】
  13. 年终盘点:2021年中国科技的重大突破
  14. 王炸-GPT4.0的新能力与商业价值
  15. 垃圾分类的正确姿势?用 OpenCV 人工智能图像识别技术来进行
  16. 打包项目出错 Your build settings specify a provisioning profile with the UUI
  17. [Vue]@keyup.enter不起作用
  18. SCI论文编辑教你如何准备SCI论文和写作 [转]
  19. 两个坚持是什么_什么运动减肚子脂肪效果最好?坚持这两个运动,“燃烧”腹部脂肪...
  20. 移远EC20模块通过物理串口连接PC或者MCU,通过AT命令进行控制

热门文章

  1. Shi-Tomasi角点检测
  2. iOS load和initialize方法详解
  3. html标签和css参数
  4. NOD32 ID及升级服务器
  5. 2021阿里淘系工程师推荐书单
  6. 未转变者入侵服务器后台,未转变者(unturned)联机服务器创建方法
  7. angular ng-show中表达式的写法
  8. Eth-Trunk链路聚合
  9. 【LOJ6225】【网络流24题】火星探险问题
  10. Vue实现购物车功能