使用Hexo搭建属于自己的博客-记录过程

序言

使用Hexo搭建属于自己博客网站
要使用Hexo,首先得确保计算机上已经安装了node.js环境和git环境
前者是一个能够在服务器端运行JavaScript代码的环境,后者是版本控制工具。
安装node.js主要是为了使用它的包管理工具npm,所以不需要先系统的学习node.js的知识
而安装git是为了利用版本控制系统克隆代码已经将博客项目托管到三方平台
一般mac电脑都有git环境,这个可以不用管。
我们得要下载node。
下载地址:https://nodejs.org/en/

PART ONE – 环境构建

下载后,打开终端,切换root用户

sudo su 
//使用npm安装相关依赖包,速度很慢,建议安装淘宝镜像,后续命令使用cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org 

下载好npm之后,利用npm下载hexo

cnpm install -g hexo-cli 

下载好hexo之后,查看hexo的版本

hexo -v

下载完hexo之后,就可以直接用一个命令生成博客

hexo generate

该命令也可以缩写为

hexo g

启动服务器

hexo server

也可以缩写为

hexo s

点击出来的网页
我们已经可以看到Hexo在没有配置也没有加入自己的Markdown文件下生成的首页,如下图所示请添加图片描述

PART TWO – 网页博客美化

接下来我们修改博客的配置文件

vim _config.yml

如下显示:

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: 冯佳娜的博客
subtitle: '冯佳娜是谁家的小可爱呀?'
description: '记录、分享、学习'
keywords:
author: 冯佳娜
language: zh
timezone: ''

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: http://example.com
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

请添加图片描述

PART THREE – 用Github来托管博客

我们可以利用GitHub网站提供的Pages服务来托管我们的博客。在GitHub Pages的首页上就有一个教程指导我们如何托管自己的网站,当然第一步得在GitHub上注册一个属于自己的账号,登录成功之后才能进行后续的操作。

根据自己的用户名创建一个仓库,仓库一定要取名为“用户名.github.io”
例如:我在GitHub上的用户名是jianafeng55,那么我的托管博客项目的仓库一定要命名为jianafeng55.github.io
创建完这个仓库之后
继续修改配置文件_config.yml

vim _config.yml

修改成

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/jianafeng55/jianafeng55.github.io.git
  branch: master

安装名为hexo-deployer-git的部署器插件,通过该插件就能实现一键部署。

npm install hexo-deployer-git --save 
hexo deploy -g

或者

hexo d 部署

输入对应的github username和对应的密钥即可

Username for 'https://github.com': jianafeng55
Password for 'https://jianafeng55@github.com': 

【现在不能使用github密码来登陆了,必须创建密钥来登陆】
创建密钥令牌具体操作参考这篇文章
https://blog.51cto.com/u_15064643/4215363

参考文献或网站链接:
https://www.jianshu.com/p/222a98124ec1
https://zhuanlan.zhihu.com/p/109382792
https://blog.51cto.com/u_15064643/4215363

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jianafeng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值