hexo+GitHub创建属于自己的博客

来源:互联网 发布:地面铺什么最环保 知乎 编辑:程序博客网 时间:2024/05/29 11:48

  大家好!我是MonicaDan! 前几天使用了hexo和GitHub创建属于自己的博客,这就算是一个总结吧~ 开始咯~~

一、关于hexo

Hexo是一个开源的静态博客生成器,用nodejs开发,作者是台湾大学生tommy351


二、 话不多说,马上开始我们的准备工作!

  • GitHub

    • 首先得有个账号:注册GitHub
    • 下载GitHub客户端GitHub客户端(方便对项目的管理), 安装完成后,会在桌面上出现两个图标,git Shell(所以就直接可以用)和GitHub
  • NodeJS

    • 既然是使用nodejs开发的,就少不了nodejs,so..下载nodejs,选择对应自己电脑的版本下载安装。为方便管理,我选择下载在D盘下创建文件夹名为nodejsnode 的文件夹中。
    • 打开cmd输入 node -v,出现版本号说明安装成功
  • hexo安装

    • 首先创建文件夹名为blog ,我们要将hexo下载在此目录

    • 打开git shell 或 git,输入:

      D:\>cd blogD:\blog>npm install hexo-cli -g

      稍等一会儿就会显示 added XXX packages in XX.XXXs 成功

    • 检查是否安装成功
      在cmd或git shell中输入hexo -v 出现版本信息即为成功

三、创建项目

  • hexo初始化

      D:\blog>hexo init   

    初始化成功:

    INFO  Copying data to D:\blogINFO  You are almost done! Don't forget to run 'npm install' before you  start blogging with Hexo!  

  • 依赖包的安装

    D:\blog>npm install

    此时查看你的blog目录结构如下:

    blog├── _config.yml├── node_modules├── package.json├── scaffolds├── source|    └── _posts└── themes

    好玩的部分马上就到了,继续咯~


  • 创建文章 (很鸡冻の部分有木有!!)

     D:\blog>hexo new "hello world"

    可简写为:

      D:\blog>hexo n "hello world"

    创建成功:

    INFO Created: D:\blog\source\_posts\hello-world.md

  • 页面生成&运行

    • 修改内容,打开hello-world.md:

      ---title: hello world date:xxxx-xx-xx xx:xx:xx tags:---

      在文章最后的- - -后面写下一些简单的句子,ctrl+s保存一下下

    • 生成页面

      D:\blog>hexo generate

      可简写为:

        D:\blog>hexo g 
    • 跑跑跑,让它跑起来

         D:\blog>hexo  server

      当然此处也有简写:

      D:\blog>hexo  s 

      结果:

      INFO Start processing INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    * 以上端口号仅供参考,具体端口号请结合自己的实际情况

    在浏览器中打开以上网址就可以看到我们刚刚建好的hello-world 文章了, 放眼望去,博客名怎么叫hexo,什么嘛,作者信息也不是我,迫不及待要改改改有木有! 继续!


四、配置信息

用你的编辑器打开blog文件夹根目录下的配置文件 _config.yml , 找到 #site 这个部分,在title : 的后面改成你喜欢的博客名。author 也是你啦,emaildescription 都可以随意添上点内容。
语言选项 language:zh-Hans (简体中文)

注意:XXXXX: 与其值之间必须有一个空格

更多详细信息请参考:hexo官方文档

参考文章:

❤ 用Hexo创建个人博客
❤ 手把手教你用Hexo+Github 搭建属于自己的博客


ps:这是我的GitHub, 请多关照, よろしく ~~ ❤❤

我要去休息啦,所以今天要到此为止咯,更多细节就在以后的博客中更新~~