美文网首页IOS开发iOS从入门到精通 ∷ 工作篇Ios开发学习
如何最快的建立你的博客?大概,半小时?

如何最快的建立你的博客?大概,半小时?

作者: 张照博 | 来源:发表于2016-12-14 00:17 被阅读3348次

    开篇语

    为了给我学妹(or 徒弟?)做一个稍微系统一点的学习路径规划,我打算学我的学长一样的写一个网站把她丢进去自生自灭(此处,并非是抛弃,仅仅是加强她的自学能力,当然,也是给自己找点项目实战一下子)。想了蛮久,要用服务器写一个呢,还是用之前一直没用上的GitHub Pages 做一个类似博客的网站展示,两者都有各自的好处,服务器的是便于管理,当然GitHub也很方便,但是我并不太喜欢一直commit;但是GitHub Pages又有个自带域名的好处,所以我在纠结,然后,偶然间翻出了当初一开始入坑的时候学长给我的他的网站(made by GitHub Pages )不知道还能不能进去,反正我能进去,学妹进不去,这也是我今天写这篇文章的原因。。。

    正文

    学长的网站长这样

    学长还是学长,我还是远远不如的,他这个使用jekyll写的,也就是Github Pages官方推荐的格式,我那个是用传统的静态网页模式来做的,所以总感觉,技术含量不在一个层面上。下面是我的网站


    我的网站长这样

    总感觉自己放图放的很没品味,好吧,我是直接找的模板,然后把内容嵌进去的。所以,懒得换图了。当然,第二页用了我自己随手找来的几张图,也是放出来溜溜,不然没法体现我的品味-----

    The Next Page

    进入正正文

    最终,我选择了用GitHub Pages建立一个网站,也是最快最简单的。下面是我的步骤,当然,我直接假设我是一个没有注册Github的用户来给大家展示步骤:

    1. 注册一个GitHub账户
      注册以后,如图


      github注册之后,点击右上角头像进入你的主页,点击your profile进入代码仓库
    2. 进入仓库,也就是那个repositories 的选项,新建一个代码仓库


      点击如图选项,新建
    关键来了!!记住名字一定要是“你注册的用户名+github.io”

    就好比我的就是 ** HustWolfzzb.github.io **这个贼重要了。一定要记住

    1. 然后随手找一些网站模板,或者是博客模板,我在这儿把我找的那个地方推荐上来,也算是报答了借用之恩~~2014年100个免费HTML网页模板下载使用 – 欲思博客
      进入如图
    2. 然后找个编辑器,进去网页文件把里面的内容改的面目全非就是了。当然,你改了之后 应该是没有人家原来那么高的逼格的,我用我的亲身经历告诉大家,模板虽好,但是要慎用,选择一个不合适的真的写起来蛋疼


      网页编辑的时候,其实内容不多的话。还是蛮快的,我算时间没把这一部分算进去,你要真算的话,这儿我能写一个月
    3. 然后,进入你建立的以 .github.io结尾的代码仓库,然后选择上传文件
      如图所示
      对了,如果有文件夹要一起上传的话,这样操作,选择旁边的创建文件,然后再文件的时候输入一个路径格式,这样会自动创建你的文件夹,然后你创建一个空的文件就行了,反正不干扰。输入栏中输入文件夹名+/即可,我这个fonts就这么产生的。
      输入栏中输入文件夹名+/即可,我这个fonts就这么产生的
    4. 享受战斗果实的时候来了。这里直接采用官方文档中的一个说法好了
      如图
      打开浏览器,输入你的Pages 就可以看到你的网站啦。我在这儿秀一把我自己作出来的网站~~
      my website for Lang Yan

    结束语

    GitHub Pages这个东西的原本作用是用来做项目展示,所以,对于没必要使用的同学,或者纯粹想拿这个装逼的人,还是别去占用这些资源了,这东西其实技术含量你看到了也就这样了,识货的人一眼看得出来的。我后面也不会对这个进行开放,吃不了多少资源,而且到时间就把它撤掉。

    个人宣言

    知识传递力量,技术无国界,文化改变生活!

    相关文章

      网友评论

      • zipperkaka:dicourse,nodebb,wordpress哪个不比github的看板好....
      • 前端develop:我用Hexo建的
      • 无颜Flower:厉害了我滴哥 :smiley:
        施乃恩:@DaiFlower 厉害了我的妹
      • 杂家大兵:为什么不用wordpress,我觉得蛮简洁的哈
        张照博:嗯嗯
        杂家大兵:@HustWolf 明白,O(∩_∩)O
        张照博:这一篇文章的重点是利用github 啦。wordpress 后面我也会去看的
      • 谁明熊哥心:请问如果不用github的话有没有教程?
        张照博:有啊。。。我前面的文章就那个。。
      • karthus:如果不用自己注册的用户名 会怎么样
        施乃恩:@karthus 不用自己名字 难道会出现恐怖事件吗- - 人家不是中国的,管不到你的身份。 只要你不是卧底
        karthus:好的 谢谢
        张照博:官方文档说的是要用。。不用的话。。你可以创一个试试,反正花不了多少时间。删掉重新建立就OK
      • _麦多:其实这么长时间我还是不会使用github,或者说压根没有研究过😂,你要是有兴趣我给你推荐一个东西,那就是无所不能的drupal
        _麦多: @HustWolf 低手用模块,高手用核心 ,,低手当建站工具,高手当底层框架
        _麦多: @HustWolf wordpress、 joomla 、drupal排名前三cms,不只是CMS那么简单,海外各大高校网站都用drupal做的,美国白宫网站也是采用drupal做的,国内各大高校采用drupal做的也不少,比如清华图书馆
        张照博:这个是啥?
      • a175a02cc0b6:用hexo也可以和GitHub结合搭建博客:blush:
        张照博:Soga 多谢
      • 161460f35246:@hustwolf老哥留个你的联系方式。我现在遇到不会的问题了或者你加我502200147
      • 91a96ee9d8f9:学妹和你什么关系:smirk:
        张照博:对 父(我)子(Xnc )关系
        小可乐呀: @余一杯烈酒的温 🤒是父子关系
        张照博:学长学妹?亦师亦友?

      本文标题:如何最快的建立你的博客?大概,半小时?

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