IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 使用Hexo搭建属于自己的博客-记录过程 -> 正文阅读

[开发工具]使用Hexo搭建属于自己的博客-记录过程

作者:token string

序言

使用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

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-03-06 13:19:41  更:2022-03-06 13:19:52 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 6:39:24-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码