美文网首页工具Tech技术文
一小时搭建自己的个人博客

一小时搭建自己的个人博客

作者: 马腾Madao | 来源:发表于2016-06-16 22:10 被阅读4296次

    一小时搭建个人博客网站

    简单粗暴,先上链接
    马腾的博客

    本教程只为自己记录和纯小白设计,欢迎技术大神指点。

    前言

    一直在网络上的写作空间周转,断断续续的换了好多平台,从新浪博客到lofter到点点到微信公众平台,但是心中还是有着自己搭个网站的想法。

    在五月份开始开始着手这件事,最终还算有个不错的成品出现,将文章替换,替换图片,这个也算是打上了自己的印记。

    本来这是很简单的事情,但是碍于我纯技术小白的背景,结果在一些地方浪费了好多时间,好在折腾的劲头还是有的,记录一下过程,有同样想法的同学可以参考。

    建站选择

    个人博客现在有很多方法可是实现,对于没什么编程经历的来说,这几种简直是最适合的:

    • FarBox
      简单粗暴的方式,用钱来解决。只要不多的钱,你就能得到一个简洁易用的博客,这绝对是最好的方式,别忘了

      可以用钱解决的问题就不要浪费其他资源
      要是要我重新开始,我选这个。

    • Hexo - Node.js blog framework
      用 Node.js 搭建的博客平台,速度快,免费,同样搭建在 Github 上。操作比 Jekyll 简单,命令少,易于记忆。 安装好像也简单一点。这个选择也比我的优秀,细心的同学也许会发现,李笑来就是用hexo搭建的。
      这种也比我的方式简单。

    • gitpage+jekyll 搭建
      好了,我们主要讲这种,也是我选用的方式。
      借用那么多优秀工程师的开源资源,我们可以和简单地搭建出自己的博客,感谢他们的无私分享。

    建站过程

    申请账号

    因为这些都是借用了git提供的gitpage服务,所以我们要先申请个git账号。

    点击github申请账号

    github 真实个好东西。

    这个过程很简单,不做多说。

    挑选模版

    jekyll的模版很多,简洁,适合单纯地写作,同时因为是静态博客容易被谷歌爬取,很容易被检索到。

    你可挑选这些模版同时,也有网友替我们做了初步的筛选,Jekyll 博客主题精选,我们要做的就是选一个自己喜欢的。

    fork源码

    找好了博客,进入作者的github页面,我们点一下fork就可以得到别人精心制作的源码。

    这样以后你就建立了一个项目,如下图


    Alt text

    这里有个注意点:

    你在github的昵称要和项目一样,这是个容易出现问题的地方。

    点击项目下册的“setting”修改项目的名称为“xxxx.github.io”

    xxxx是你的昵称

    必须这样:


    Alt text

    然后你访问xxxx.github.io便可以了,这就是你的博客了。

    如果没有成功,请稍等一会,解析可能在路上。或者将文档中的“CNAME”修改为空白或删除。

    不过你还需要下一步,不断的修改完善。

    完善修改

    我们fork的博客目录主要有这些,这就需要我们慢慢修改了。

    目录文档详细说明。如下:

    _config.yml 博客配置文档(包括博客标题、favicon、博主 ID、头像、描述、联系方式等基本信息都在这个文档添加或修改);
    index.html 博客架构文档;

    _includes 博客调用的网页模块(比如导航栏、底栏、博文内容显示、评论模块等),一般不需要管;

    _layouts 存放博客调用的页面模板文件(比如博客主页、具体博文页)的文件夹;

    css 存放博客系统的页面渲染文档文件夹,主要用于调节诸如标题字体、博文字体大小颜色之类;

    js 存放博客调用的 JS 文档文件夹

    _posts 博客正文存放的文件夹。命名有规定,必须为「日期 + 标题」的模式,即「2015-04-27-Like-Kissing.md」,才能发布到博客里;

    images 图片文件夹,存放博客相关素材,包括博客 favicon、博主头像等图片及博文贴图素材;

    CNAME 用于绑定个人域名的文档;

    404.html 「404 Not Found.」站点链接无法访问时的提示页面。

    About.html 博客中的个人说明文档(About Me),以 html、md 格式为主;

    feed.xml 博客的 RSS 订阅;

    README.md 项目说明文档。用于 Github 个人项目主页的说明(描述)。

    修改要点:

    • 保持尺寸的维持原状
    • 保证文件名的修改统一

    程序出现一点差错就会失败。

    撰写博文

    ok,修改完了这些,让我们一起写下第一篇文章。
    按照上面说的,我们的博客在

    **_posts **文件夹

    打开观察,里面的文件是md格式,也就是我们需要的Markdown样式的。

    其命名也要遵循标准:

    2015-04-27-my-blog.md

    每篇文章前都有博文代码:

    layout 一般不用改;
    Title 一项是必须添加的;
    Categories 目录可以换,但如果不是要多重分类,一般也不用管,这篇归档在 Blog 目录下;
    Tags 可以自己按照文章主题添加,也可以不加,不同的 Tags 直接用英文逗号加半角空格间隔开;
    description 博文概述,一句话概述,一般添加会好些。

    然后保存起来就可以啦!

    同步到网络

    因为我一直没有在本地安转jekyll环境,采用直接在github更新的方式,如下


    Alt text

    就像在后台更新。

    当然,你也可以通过github桌面端的方式同步进行版本管理。桌面端下载链接

    绑定域名+坚持写下去

    倘若为了追求个人品牌的最大化,我们可以去购买域名,然后绑定到刚刚建立的博客上。

    我在阿里云购入域名,使用的也是免费的解析,这些其实并不太重要。

    最重要的是:

    坚持书写,坚持更新

    在寻找模版的过程中,见过太多只有几篇的博客,也许是主人在建好以后没有了书写的兴趣。

    这违背了我们建站的初衷,坚持不断地更新,这才是最有用的。

    致谢

    感谢在建站过程中的优秀教程,主要参考如下:
    打造你的 GitHub Pages 专属博客(小白教程)
    Jekyll 博客主题精选
    使用Github Pages建独立博客

    感谢黄玄博客我fork的他的博客,简洁优雅,很漂亮。

    也感谢给我提供帮助的geno1024,一个计算机专业的姑娘,她以后绝对是笑来说的“女神”!

    相关文章

      网友评论

        本文标题:一小时搭建自己的个人博客

        本文链接:https://www.haomeiwen.com/subject/zoamdttx.html