美文网首页
我是如何搭建属于自己的博客的(Hexo+Github)

我是如何搭建属于自己的博客的(Hexo+Github)

作者: xu_chen | 来源:发表于2018-07-27 17:21 被阅读0次

我的个人博客链接:https://sunrisechen007.github.io/

写博客的目的

  • 培养自己的写作和总结能力
  • 记录自己开发中实际遇到的问题,希望也对他人有所帮助
  • 给自己一个挑战,督促自己

写博客的方式

  1. CSDN、博客园、简书等平台,提供了框架,直接在里面写文章即可; 优点: 简单方便 缺点:样式固定
  2. 使用 Github Page + Hexo 自己搭建博客;优点:样式自由,不再受限于各大平台(自由) 缺点:有一定的技术门槛,相对麻烦些

我看大神们的博客貌似都是用Hexo写的,我也参考他们搭建了一个,下面是步骤👇

搭建过程一般分为以下几步

  1. 安装 Node.js
  2. 安装 Git 软件
  3. 配置 Hexo
  4. 关联 HexoGithub Page
  5. 写博客、发布文章
  6. 优化:更换主题。。。

一、安装 Node.js

  • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码
  • 作用是用来生成静态页面的
  • Node.js官网(http://nodejs.cn/)下载相应平台的最新版本,一路安装即可

二、安装 Git

  • Mac系统自带Git这不需要操作,可使用 终端命令 git - -version 查看版本

三、配置 Hexo
Hexo是一款基于Node.js的静态博客框架,不仅可通过 Markdown 编写文章,还可以使用 Hexo 提供的标签插件来快速的插入特定形式的内容,生成静态网页。
官网地址: [https://hexo.io/zh-cn/] (https://hexo.io/zh-cn/)

配置过程:

  1. 在合适的位置新建文件夹,如 hexo; cd 命令进入到该文件夹内
  2. 执行命令安装 Hexo: sudo npm install -g hexo
  3. 初始化 hexo: hexo init (到这步,全部的安装工作已经完成!hexo就是你的博客根目录,所有的操作都在里面进行。 )
  4. 生成静态网页:生成前清除下缓存:hexo cleanhexo generatehexo g 也可以)
  5. 启动动本地服务,进行文章预览调试: hexo server
  6. 浏览器输入 http://localhost:4000 就可以看到你的博客样式啦,后面还需把它发布到 Github

四、关联 Hexo、Github Page
配置 Github: 登录你的git账号,新建 repository ,名称格式必须为 yourname.github.io ,在浏览器输入该这地址就可以看到你的博客了

  1. 修改 _config.yml文件
    sublime/notepad++ 等文本编辑器打开 _config.yml ,修改参数信息,拉到最下面,修改 deploy 为以下代码,repository 后面的是你的仓库地址
deploy:
type: git 
repository: https://github.com/elfwalk/elfwalk.github.io
branch: masters
  1. 修改相关网站信息
title: wangwlj 测试所用博客
subtitle: 积跬步以至千里!
description: 网页描述
author:  wangwlj
language: zh-CN
timezone: Asia/Shanghai

五、最后一步,发布到远程 hexo deploy

其中会跳出 Github 登录,直接登录,如果没有问题,在浏览器输入yourname(换成你的).github.io/ 就可以看到了 (有可能稍有延迟)

六、 发布更新博客

hexo d -g

七、错误记录

deploy not found: git

执行命令 : npm install hexo-deployer-git —save ,重新部署

八、优化

相关文章

网友评论

      本文标题:我是如何搭建属于自己的博客的(Hexo+Github)

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