美文网首页Android计算机科学深度生活
Windows下搭建免费个人博客

Windows下搭建免费个人博客

作者: qingfeng825 | 来源:发表于2016-04-25 23:13 被阅读1994次

    三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考文章
    5分钟 搭建免费个人博客

    1.创建Github 域名和空间

    1.1注册

    首先需要注册一个Github账号,如果你已经有请跳过此步直接看1.2创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io,所以认真的取个名字吧。



    注册过程可能需要验证你的邮箱,其他就不在赘述。

    1.2创建仓库

    然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库,Respository name 中的username.github.iousername一定与前面的Owner 一致,记住你的username下面会用到。

    第一步就已经完成了,下面是安装。

    2.安装

    下面需要安装的工具包括Github,Nodejs,Hexo。Windows 用户自行搜索这些工具,直接安装即可。安装node.jsgit(安装的是GitHub)。hexo利用node.js开发,安装Github、Nodejs后,用命令安装hexo

    2.1安装Github

    可以去GitHub官方网站下载。下载后直接安装即可。

    2.2安装Nodejs

    nodejs官方网站直接下载,下载下来的msi包一直点击下一步即可,当然可以选择安装目录,本人选择安装在了D盘(c盘分的太小了)。我安装的是第一个版本。

    2.3安装Hexo

    以上都安装完成之后再安装Hexo,打开Git shell,如图


    输入命令 npm install -g hexo

    到这里所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。

    3. 编写,发布

    接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(qingfeng825.github.io)。

    3.1创建博客

    将下面的 qingfeng825 替换成你自己的username,执行成功后,会创建出一个名为 qingfeng825.github.io 的文件夹,博客相关的配置、主题与文本内容等都在此目录下由 hexo 进行管理。当然这里的命令也是在Git Shell中敲的。命令为npm init qingfeng825.github.io

    3.2编辑文章

    完成上述步骤后,本地的 hexo 已经基本搭建完成了。
    现在,我们希望新建一篇名为Hello World的文章(我不会告诉你我是做Android开发的)。在 shell 中执行:cd qingfeng825.github.io将工作目录切换到\qingfeng825.github.io下,如果已经在此目录下则直接进行如下命令hexo new "Hello World"!,然后输入命令:hexo server
    成功执行上述指令后,打开浏览器,访问 localhost:4000,如果出现下图中的Hello World则说明你的 hexo 博客已经搭建成功了。如果你希望退出服务,输入 ctrl + C 即可。


    ,没有出现完全相同的界面也不要急,因为我是提前做好了主题设置,下面会涉及到只要看到Hello World即可。

    3.3安装hexo-deployer-git自动部署发布工具

    要想把文章发布出去,必须安装deployer命令如下图

    3.4修改_config.yml

    发布之前还有一些工作要做那就是配置_config.yml,

    看准了所有:后面有一个英文空格,没有会出错的。

    3.5发布

    配置完这些信息后可以敲命令了如图。
    两个命令分别为hexo generate
    hexo deploy(注意顺序不要乱)


    完成这些操作之后你就可以点击http://qingfeng825.github.io 访问了。
    最后应该是类似这个样子的

    4 主题设置

    选择一款适合你的主题
    hexo 默认的主题样式是 landscape,也许你希望使用更多样、更个性化的主题风格。在 github 上有许多开源的 hexo 主题,你只需要把它们克隆到 ~/blog/themes 目录下,并在 ~/blog/_config.yml 的 theme 属性中设置你希望使用的主题,然后重新生成页面部署即可。
    这里推荐几个在 github 上 star 数较高的主题:

    这些主题怎么配置在这里就不讲了,因为他们都是开源的而且项目本身介绍已经很详细。
    当然,如果你自己就是一名优秀的前端工程师,甚至可以自己定制一份属于自己独一无二的hexo-theme,你还可以把你的作品开源到 github 上供更多的 hexo用户使用与学习。

    参考文章有如下几篇

    相关文章

      网友评论

      • 小金子依依:外行看不明白,没域名怎么用的?只是不联网的编辑器?联网得备份有域名额
      • IceMJ:收藏,之后折腾下
      • dbe1cdee6c42:做好之后如何写博客呢
        qingfeng825: @dbe1cdee6c42 把文章放在相应的目录(你自己见的带有github.io的目录)下,用命令行发布(hexo generate然后hexo deploy),这些在文章中都有写,希望能帮到你。
        dbe1cdee6c42:@qingfeng825 怎么发布呢
        qingfeng825: @dbe1cdee6c42 我用的是MarkDown,简书也是支持MarkDown的
      • 这条鱼有点甜:用Git可以吗,不用GitHub客户端
        qingfeng825: @Zaaach 您客气,我在文章末尾发的有参考链接,有用git的您可以参考
        这条鱼有点甜: @qingfeng825 好我再试试,谢谢啦!
        qingfeng825: @Zaaach 也可以的
      • 这条鱼有点甜:请问这种博客别人可以在上面评论吗?
        qingfeng825: @Zaaach 可以的,有插件支持,我建的博客直接用的是主题,主题里自带了
      • 叶舞清风:github下载安装老是出错,网速没问题啊
        qingfeng825:@叶舞清风 如有出错看操作步骤是否合理还有就是每一步做的是否完善,本文只是按步骤来些的其实每一步还需要一些注意
      • 骑猪去赶集:晚上试试
      • 九命大懒虫:学习了,但关于语言这块,我该学那个?目前语言基础是零啊
        qingfeng825: @九命大懒虫 你想做哪方面的工作呢?语言各有优劣取决于你以后想从事什么工作
      • 深不可测xy:使用octopress + github的路过,http://www.xuyao.club :relaxed:
        深不可测xy:@qingfeng825 其实跟你上面的方法是一样的,只是用的博客源不同而已,使用ruby语言的人可能比较喜欢用octopress :stuck_out_tongue_winking_eye:
        qingfeng825: @深不可测xy 可以分享下
        qingfeng825: @深不可测xy 不错不错😱😱😱😱😱😱
      • 1ad1c2474071:回去试试
        qingfeng825:@吾以青春赌未来 尝试下吧,有个自己的专属博客很不错
      • 80a6b4c324d5:求推荐这样一款工具:
        功能一
        我可以在本地写博客,文章可以按照树状结构进行管理,就像mybase那样。
        功能二
        我直接可以将我写的内容导出到一个文件夹,格式都是适合网站使用的html文档格式,将这个文件夹复制到网站目录,就相当于直接发布了,纯静态的网站。
        功能三
        最好是带模板的。每次编辑内容,我可以直接套模板就可以了。
        我主要是想做静态网站,求更好的工具和管理思路。
        左蓝:@淡淡茶滋味 补一个jekyll-now链接:https://github.com/barryclark/jekyll-now

        其实可以使用Travis这些持续构建工具来完成本文这些步骤,作者把写好的md文件丢到相应文件夹就可以发布了,不过需要折腾一下,不如Farbox、jekyll-now开箱即用。。。。
        左蓝:@淡淡茶滋味 有好多,最成熟的就是Farbox,收费的。。。。完全免费的也有,比如jekyll-now,这种工具还有不少,但是没有流行开来,使用者需要不少编程知识,我就不推荐了。。。。
        qingfeng825:@淡淡茶滋味 首先感谢读了我的文章,其次我还没有遇到或许是我还不懂怎么见如你所说这么好的工具或者方法,如果我见到或者你遇到请分享

      本文标题:Windows下搭建免费个人博客

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