热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

0.Hexo+GetHub搭建博客系统

title:0.HexoGetHub搭建博客系统date:2020-03-2119:10:47categories:3.系统运维3.hexo相关1.hexo美化配置环境本文配置


title: 0.Hexo+GetHub搭建博客系统
date: 2020-03-21 19:10:47
categories:


  • 3.系统运维
  • 3.hexo相关
  • 1.hexo美化


配置环境


本文配置环境

系统:win10+Node.js+Git

博客系统:Hexo+next

书写系统:Typora+PicGo+腾讯云Cos




系统安装

Node.js:https://nodejs.org/en/download/

Git:https://git-scm.com/downloads

这两款软件属于傻瓜式安装,注意修改安装地址即可,在此不做过多叙述




博客系统


搭建hexo

Win+R打开运行窗口输入cmd,执行命令下载hexo系统:

npm install hexo-cli -g

图片

切换到准备放博客的目录,创建博客:

hexo init //hexo初始化

图片

hexo g //hexo更新本地缓存
hexo s //hexo本地预览

在本地浏览器输入http://localhost:4000/
图片


注册Github

Github官网:www.github.com,自行注册账号


创建github博客空间

注册完账号后右上角有一个加号,点开新建一个仓库

图片

设置仓库名为账号名.github.io

图片

点击Create repository完成创建


配置Git密钥

SSH秘钥默认储存在账户的主目录下的~/.ssh目录


如:C:\Users\kinght.ssh\


查看是否包含id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件),有.pub后缀的文件就是公钥,另一个文件则是密钥。如果有这两个文件,则跳过1.2;如果没有这两个文件,甚至.ssh目录也没有,则需要用ssh-keygen来创建

ssh-keygen -t rsa -C "邮箱"

图片

连续几个回车之后就会如图所示,在.ssh文件夹中出现了两个文件

图片

回到github官网,找到自己的头像进入settings

图片

SSH and GPG keys -> SSH keys -> New SSH key

图片

回到本地的ssh文件,用记事本打开id_rsa.pub文件,复制里面内容填写到密钥框里图片

Title随意填,把id_rsa.pub文件,复制里面内容填写到Key框里,点击Add SSH key保存

图片


安装hexo-deployer-git插件

为了使用github的免费静态空间,我们需要把Hexo生成的静态页面上传到github供我们访问,在这之前,需要使用hexo-deployer-git插件

npm install hexo-deployer-git --save

配置hexo的上传配置文件

hexo的主配置文件为hexo根目录下_config文件

编辑打开这个文件,在文件最后找到Deplyment代码修改为

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:- type: gitrepository: git@github.com:kinghtxg/kinghtxg.github.io.gitbranch: master

将repository那一栏修改为自己仓库的ssh传输地址


上传到github

hexo d //上传文件

图片


开启Web访问

在项目仓库切换到Settings

图片

鼠标滚轮下翻,修改Pages为master branch如图(这里在创建空间命名时有点小问题,如果直接为kinghtxg.github.io则访问域名直接为kinghtxg.github.io)

图片

访问测试

图片


配置基础信息

同样修改_config文件,我在我做了修改处的后面打上了备注,按需修改

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/# Site
title: Kinght's blog #博客名
subtitle: 记录一些杂七杂八的笔记 #小标题
description: ''
keywords:
author: Kinght #作者
language: zh-Hans #中文
timezone: Asia/Shanghai #时区上海# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com #网址
root: /
permalink: archives/:title.html #修改链接格式
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

cmd窗口进行配置文件更新

hexo clean //清除文件
hexo g //更新缓存
hexo d //上传

稍等几分钟(github page更新需要时间)


推荐阅读
  • 基于PgpoolII的PostgreSQL集群安装与配置教程
    本文介绍了基于PgpoolII的PostgreSQL集群的安装与配置教程。Pgpool-II是一个位于PostgreSQL服务器和PostgreSQL数据库客户端之间的中间件,提供了连接池、复制、负载均衡、缓存、看门狗、限制链接等功能,可以用于搭建高可用的PostgreSQL集群。文章详细介绍了通过yum安装Pgpool-II的步骤,并提供了相关的官方参考地址。 ... [详细]
  • phpcomposer 那个中文镜像是不是凉了 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 本文介绍了Composer依赖管理的重要性及使用方法。对于现代语言而言,包管理器是标配,而Composer作为PHP的包管理器,解决了PEAR的问题,并且使用简单,方便提交自己的包。文章还提到了使用Composer能够避免各种include的问题,避免命名空间冲突,并且能够方便地安装升级扩展包。 ... [详细]
  • 本文详细介绍了如何创建和使用VUE uni-app开发环境,包括通过HBuilderX可视化界面和通过vue-cli命令执行的方法。文章内容简单清晰,易于学习与理解。通过学习本文,读者可以深入了解VUE uni-app开发环境,并通过实践验证掌握具体的使用情况。编程笔记将为读者推送更多相关知识点的文章,欢迎关注! ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • python中安装并使用redis相关的知识
    本文介绍了在python中安装并使用redis的相关知识,包括redis的数据缓存系统和支持的数据类型,以及在pycharm中安装redis模块和常用的字符串操作。 ... [详细]
  • 云原生应用最佳开发实践之十二原则(12factor)
    目录简介一、基准代码二、依赖三、配置四、后端配置五、构建、发布、运行六、进程七、端口绑定八、并发九、易处理十、开发与线上环境等价十一、日志十二、进程管理当 ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 无法打开install.wim怎么办
    运维|windows运维install.wim运维-windows运维空间留言网站源码,vscode标准代码,adamsubuntu,tomcat连接共享,sqlite软件基本操作 ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • 1.直接在cmd窗口运行pipinstalljieba2.使用conda自带的安装工具condainstalljieba3.有一些模块是无法使用以上两种方式安装上ÿ ... [详细]
  • MySQL语句大全:创建、授权、查询、修改等【MySQL】的使用方法详解
    本文详细介绍了MySQL语句的使用方法,包括创建用户、授权、查询、修改等操作。通过连接MySQL数据库,可以使用命令创建用户,并指定该用户在哪个主机上可以登录。同时,还可以设置用户的登录密码。通过本文,您可以全面了解MySQL语句的使用方法。 ... [详细]
author-avatar
手机用户2602926865
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有