用hexo搭建个人博客

查看效果:慢蜗牛博客

目录

用hexo搭建个人博客

准备环境

Github

Node.js和Git

连接Github

安装hexo

安装插件

部署 Hexo 到 GitHub Pages


为了使后面hexo的个性搭建以及个人博客的发布操作简便,推荐大家下载以下软件

别忘了配置环境变量哦

准备环境

Github

  • 准备好github账号,并且创建好仓库

    • 仓库名格式必须是“用户名.github.io”,用户名是github账号名

Node.js和Git

  • Hexo基于Node.js,搭建过程中还需要使用npm (Node.js 已带)和git,因此先搭建本地操作
    环境,安装Node.js和Git。

Node.js下载长期支持版就可以

Git下载安装时一路next到这一步时选择这样

连接Github

在桌面右键鼠标,选择Git Bash Here,然后输入以下来设置用户名和邮箱

git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

 再输入以下来创建SSH密匙,之后一路回车

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

添加密匙 

进入路径"C:\Users\用户名\.ssh",然后用记事本打开文件"id_rsa.pub",并且复制里面的内容

登录Github,鼠标点击右上角头像选择Settings,按图中步骤来,4步的名字随机,然后把前面复制的内容粘贴到5中之后点击add。

之后验证连接,打开Git Bash然后输入以下,出现“Are you sure...”,输入yes回车。

ssh -T git@github.com

之后如果显示“Hi xxx!You've successfully…… ”则表示连接成功。

安装hexo

  • 本地创建一个文件夹,切换目录到新创建的文件夹。格式为:D:\xxxx\用户名.github.io ,要与github仓库名一致,也可以在别的盘

  • 在该文件夹里面右击鼠标打开Git Bash执行 npm install hexo-cli -g,安装hexo

  • 执行命令npx hexo init,hexo初始化
  • 执行命令npx hexo server或者npx hexo s,本地启动网页
  • 打开命令界面给出的本地网页:http://localhost:4000/

安装插件

给hexo安装git插件: npm install hexo-deployer-git

安装并配置admin插件:npm install --save hexo-admin

部署 Hexo 到 GitHub Pages

本地博客测试成功后,就是上传到 GitHub 进行部署,使其能够在网络上访问。

修改 _config.yml 文件末尾的 Deployment 部分,修改成如下:

如果下载了subl可以直接使用命令subl _config.yml

deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: master

完成后运行hexo d命令将网站上传部署到 GitHub Pages。

这个时候就可以用https://用户名.github.io进行个人博客访问啦

Windows10下的hexo搭建的更多相关文章

  1. Windows10 下Apache服务器搭建

    Windows10 下Apache服务器搭建   转 https://blog.csdn.net/sunqian666888/article/details/78561399 目录 一.软件下载 二. ...

  2. HBase学习----windows10下使用eclipse搭建HBase的开发环境

    以下是我搭建HBase开发环境的一些心得(windows10) 0.安装JDK和eclipse和一个可用的HBase. 这步是最基础的,在此就不赘述了 1.创建一个java项目: 基础问题,不赘述. ...

  3. Linux下使用Hexo搭建github博客

    找到一篇靠谱的博客,备份一下: ---------以下原文------------------ Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以Ubun ...

  4. linus系统下使用hexo搭建个人博客

    最近在搭建自己的个人网站,准备在上面内置一个博客模块,把之前或者以后杂七杂八的总结都放里边. 大致查了一下在WordPress和Hexo间选用了Hexo,体量较小一点. 先贴上Hexo的官方文档:He ...

  5. Mac下使用Hexo搭建个人博客

    Hexo介绍 利用原作者的一句话:A fast,simple&powerful blog framework,powered by Node.js Hexo是基于Node.js的博客平台,He ...

  6. windows10下Kafka环境搭建

    内容小白,包含JDK+Zookeeper+Kafka三部分.JDK:1)   安装包:Java SE Development Kit 9.0.1      下载地址:http://www.oracle ...

  7. win10下 github+hexo搭建个人博客.md

    我的博客地址 https://chenxianfu.github.io/ 遇到的坑 hexo 问题 4000端口打不开,可能端口占用,请输入一下命令 hexo server -p 4001 针对很多人 ...

  8. 2016-3-1 Mac下使用Hexo搭建Blog

      一.前期准备: 1.安装Node(必须):前往Node.js官网:https://nodejs.org/en/download/下载最新版本pkg软件,点击安装即可. 2.安装Git(必须):安装 ...

  9. 基于Hexo搭建自己的博客主页

    搭建自己博客分为两类,一种是托管到github上的,以hexo为代表,另一种是需要自己购买服务器,主要使用wordpress框架.有不花钱的效果也很不错,就没必要自己再购买服务器了,下边主要介绍下使用 ...

  10. Mac下体验Hexo与Github Pages搭建

    很久之前就知道Github可以发布自己的博客,因为仅支持静态文件,一直懒于动手自己进行编辑.再了解到还存在 JekyII 和 Hexo 这样的内容生成框架后,终于决定体验一下. 一.本地环境准备. G ...

随机推荐

  1. Trackbar调色板

    我们将会建立一个简单的应用,显示我们指定的颜色.将会建立一个窗口,显示三个trackbar指定RGB三个颜色通道值.可以滑动trackbar来改变相应的颜色.默认情况下,初始颜色为黑色. cv2.ge ...

  2. 钟表练习 html+css实现

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 【必看!】阿里云推出QWen-7B和QWen-7b-Chat,开放免费商用!

    阿里云于8月3日宣布开源两款重要的大型模型--QWen-7B和QWen-7b-Chat.这两款模型的参数规模达到了令人瞩目的70亿,并且已经在Hugging Face和ModelScope平台上开放, ...

  4. [golang]使用mTLS双向加密认证http通信

    前言 假设一个场景,服务端部署在内网,客户端需要通过暴露在公网的nginx与服务端进行通信.为了避免在公网进行 http 明文通信造成的信息泄露,nginx与客户端之间的通信应当使用 https 协议 ...

  5. [oracle]使用impdp导入数据时卡在视图

    前言 oracle 19c使用impdp的时候卡在导入视图的地方一点不动,也没啥提示.根据网上资料,oracle 19在导入视图的时候会有bug. 步骤 查看导入任务 sqlplus / as sys ...

  6. html5 3.0 表单

    表单的定义:多个输入框,以表格的形式展示 表单常用在网页登录和注册功能中 表单的元素属性:<input type="text"name="   "valu ...

  7. quarkus依赖注入之十:学习和改变bean懒加载规则

    欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos 本篇概览 本篇是<quarkus依赖注入> ...

  8. 通过python,将excel中的数据写入二维列表

    需求:读取Excel表中数据,每行数据放在一个列表中,再把所有列表都存入到一个列表中,形成二维列表. 实现方法:导入可在Python处理Excel表格数据的模块. excel表: 方法一:xlwing ...

  9. .NET Core基础到实战案例零碎学习笔记

    前言:前段时间根据 [老张的哲学] 大佬讲解的视频做的笔记,讲的很不错.此文主要记录JWT/DI依赖注入/AOP面向切面编程/DTO/解决跨域等相关知识,还包含一些.NET Core项目实战的一些案例 ...

  10. 【NestJS系列】核心概念:Module模块

    theme: fancy highlight: atelier-dune-dark 前言 模块指的是使用@Module装饰器修饰的类,每个应用程序至少有一个模块,即根模块.根模块是Nest用于构建应用 ...