美文网首页
GitHub和hexo搭建个人博客

GitHub和hexo搭建个人博客

作者: xieys | 来源:发表于2018-07-01 20:40 被阅读13次

    最近的生活太过于迷茫,整天不知干嘛,没有一点目标。为了不让自己在这样颓废下去,就准备把平时生活的一些想法和一些学习的笔记记录下来,俗话说“好记性不如烂笔头”嘛。

    概述

    利用hexo 框架搭建个人博客,并与github 关联

    hexo介绍

    hexo 是一个快速、简洁且高效的博客框架。hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    hexo安装

    在安装hexo 之前还有一些必要的工作,安装node.jsgit 和注册giuhub 账号。这些工作网上有大量的教程,这里就不过多的说明。接下来打开git bash 工具,输入

    npm install -g hexo-cli
    

    安装好后,如下图会显示hexo 的版本号

    hexo安装成功界面

    hexo安装后的一些操作

    • 在电脑的任意位置新建一个文件夹,用于存放hexo项目,我这里的文件名是blog

    • blog 文件夹中打开git bash 工具,输入如下命令

    • 初始化

      hexo init
      

      初始化完成后,在blog 文件中会生成如图所示的文件和文件夹(可能会有些不一样):

      blog文件内容.png

    下面对这些内容进行一些说明:

    • node_modules:是依赖包

    • public:存放的是生成的页面

    • scaffolds:命令生成文章等的模板

    • source:用命令创建的各种文章

    • themes:主题

    • _config.yml:整个博客的配置

    • db.jsonsource解析所得到的

    • package.json:项目所需模块项目的配置信息

    • 安装一些依赖

      hexo install
      
    • 安装一个插件,当然也可以后面安装

      npm install hexo-deployer-git --save关联GitHub
      

    关联GitHub

    • 在GitHub上新建一个用户名.github.io 的仓库,用户名是你GitHub的账户名

    • 复制这个仓库的地址

    • blog 文件夹中的_config.yml 文件修改成如下(修改内容在文件最后),注意冒号后面有一个空格

        type: git
        repo: 仓库地址
        branch: master
      

    接下来在git bash 中输入:

    hexo g -d
    

    现在博客已经搭建好,并部署到了GitHub上。最后在浏览器上输入博客网址https://用户名.github.io/ 就可以看到自己的博客啦。下面是我搭建好后的页面,最后奉上我的博客地址,随时欢迎大家。

    初始博客页面.png

    总结

    整体来说,搭建的过程比较简单,没有很大的坑。由于这只是一个初期的博客,还比较简单,还有很多东西需要完善:主题的更换、新建博客、评论系统等等,在接下来的时间会对博客进行相应的改善。

    相关文章

      网友评论

          本文标题:GitHub和hexo搭建个人博客

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