0元3步建博客

原创 2017年06月12日 11:15:41

0


在目前新媒体如微博、公众号盛行的情况下,15年前最热网络平台博客已经很少出现在人们的视野中了。这也是得益于移动应用的快速发展,碎片化时间的增多,让人很难有时间去坐在电脑前完整阅读一篇博客。不过博客也趋向专业化、特色化发展,虽然传播性不强,但其开放性、专一性也往往是其他平台比不上的。本文就简单教大家使用Github+hexo搭建一个个人博客,只需3步,并且是免费的哦~
还有这种操作?!

1 申请空间


网页也需要有一个存放的空间,不用担心,这不要钱,就是有这种操作!
就是有这种操作
Github就是我们所需要申请的网页空间。在大部分人的印象中,Github是全球最大的同性交友网站,是程序员抄程序的地方(是的)。但除了免费托管代码,还有一个一般人不知道的功能:GitHub Pages,这是一个静态站点托管服务。简单来说你把网站发送上去,再访问相应的域名,就可以让世界各地的人浏览网页啦~

点击进入全球最大同性交友网站→Github
出现一个网页,注册一下:
signup
没问题的话让你选择是否公开仓库,然后Continue。
这里写图片描述
接下来让你选经历之类的,我就跳过了。注意你填写的邮箱,这时候会有邮件去让你验证,不然无法创建新的仓库。你可以随时在右上角点加号创建:
创建
在新页面中创建仓库,
需要注意仓库名是你的用户名 + .github.io
这里写图片描述
接下来需要下载Github客户端用于网页的上传更新,点击进入下载
先下载安装登录好,过会儿再用。
第一部分申请空间就到此结束了~

2 博客框架搭建


网页并不是需要我们一句一句代码敲上去的,而是有相应的网页框架,如Hexo、Jekyll等。本教程以Hexo为例,首先下载Node.js,官网在此。LTS是稳定版,Current是尝鲜版,怕麻烦就稳一些吧。
安装后再安装Hexo,

npm install -g hexo

这个命令需要在命令行中输入,按住键盘上的微软徽标(Ctrl和Alt之间),再按R,
cmd
在出现的黑色命令行中输入。
但命令行的使用需要注意路径问题,为了简单起见,还有一种命令行打开方式:
假设我们的路径为:E:\github\pages,进入目录后注意左上角菜单栏,
菜单
从这里进入,会发现闪动的光标前有E:\github\pages>,代表目前的命令就是在当前路径下。
这时在输入

hexo init

完成博客文件的初始化。
之后就可以写文章啦~
(在哪里写啊对着这个黑乎乎的东西吗?)
对了其实不同的操作会有不同的命令,新建文章就用

hexo new "hello"

冒号间是文件名(不是博客中的标题,推荐英文)。
creat
创建成功,按照路径打开它(提示没有可用的程序时,可以选择记事本):
这里写图片描述
这里才是文章的正文,title是文章标题,date是编写时间,tags是标签,下面的是正文。具体的编辑并不像word一样,而是需要遵循一定的markdown语法。具体可以参考这里
写好之后,回到命令行,输入

hexo g

生成页面
g
需要预览的话,就输入

hexo s

然后在浏览器输入http://localhost:4000/这个网站:
hexo
恭喜你成功了~

3 上传与更新


这时需要刚才下载的Github客户端了。
登陆后Clone刚才建立的仓库:
clone
建议在刚才hexo 初始化的路径E:\github\pages
之后会在该路径出现yanpages.github.io文件夹,即是我们clone下来的。
为了全程图形操作,下面操作可能有点绕:

  1. E:\github\pages\public中所有文件复制到E:\github\pages\yanpages.github.io中;
  2. 删除E:\github\pages\public目录
  3. E:\github\pages\yanpages.github.io改名为public

    其实就是偷梁换柱,之后打开Github会出现错误,
    error
    注意这时点第一个locate,打开E:\github\pages\public目录。成功的话会出现:
    summary
    把Summary和下面的填一下,再点下面的对勾~
    最后一步!
    发布
    然后再去看看你的网站:像我的https://yanpages.github.io/
    恭喜你成功啦~

额外的话


目前Github网页个人空间大小不能超过1G,其实也不小,但是图片这些东西,完全可以放在别的地方。比如我采用的方案是用CSDN博客功能写Markdown文件,再导出,基本上是完美兼容的。

删除文章就是对E:\github\pages\source\_posts内的修改,删除某个md文件后,再次使用hexo g生成,新的页面就会删除文章。

Markdown语法还是要多熟悉一下,之后你会发现真的很好用。

版权声明:本文为博主原创文章,转载请标注出处。

相关文章推荐

cakphp15分钟建博客

  • 2011年06月24日 14:39
  • 149KB
  • 下载

利用github pages建博客

1.前言 鉴于我自身建站经历,不熟悉各种编码语言,口袋里没有多少钱,却殷切希望拥有一个独立的个人博客,在翻阅了各种教程后,看完各种眼花缭乱的代码后,终于将这个网站在github pages上搞出...

自建博客源代码

比较仓促,几十分钟完成,以后会慢慢丰富与完善 公交车人数查询系统(测试版) #man{ } #head{ width: 1000px;...

wordpress建博客的步骤

第一步:http://www.1freehosting.com/申请免费空间,然后在 dot.tk申请一个免费域名。 第二步:下载 wordpress。 第三步: 讲wordprss导入到dot....

Windows使用Github Pages建博客站点并上传自己的网页

Windows使用Github Pages建博客站点并上传自己的网页一.准备条件 1.有自己的github账号(注册github: https://github.com/ )。 2.Windows...

用GithubPages建博客

前言 本文章主要内容在介绍如何在GithubPages上搭建属于自己的博客,以及搭建过程中可能遇到的问题。 Github Pages Q: What is Github Pages? A...

第12天新手SEO基础计划之:建博客为网站增加外链接和锚文本

大家在精心做好了自己的博客之后肯定都想让大家来看一看你的小家,踩踩你的小院吧?在当今社会,酒香也怕巷子深,更何况我们区区草民不为人知的博客?那么,怎样让更多的人都知道你的博客呢?这肯定就要靠自己大力宣...

《我的博客》之选择公共博客平台还是自建博客站点

前言:看到很多同人有自己的博客,也知道它的重要性,以及带来诸多好处。 于是乎准备开始搭建一个自己的技术博客平台。分享经验教训,分享技术前瞻,聊聊自己对新鲜事务看法。 于是准备开始搭建平台了,首先遇到棘...

普通人在新浪建博客,IT人在CSDN建博客

在很多地方都有博客,却从未发表过任何文章,也就不算真正建博客了吧。所以,这里是第一次建博。 建博原因:         1.在IT这个苦逼的行业中,经常会有一系列的小小知识点,也许将百度,谷歌等作...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:0元3步建博客
举报原因:
原因补充:

(最多只允许输入30个字)