基于github+hexo搭建个人博客(window)

专注于网络安全 专注于网络安全     2022-10-02     226

关键词:

0x01 环境搭建

1、Node.js环境

下载Node.js安装文件:https://nodejs.org/en/download/

根据系统选择相应安装包下载,安装过程一路Next,默认设置即可。

通过以下命令查看是否安装成功:

2、Git环境

下载Git 安装文件:https://git-scm.com/download/win

选在相应系统版本下载安装,默认设置,一路Next即可

检查一下Git是否安装正确:

基本的环境搭建已经完成。

3、github账户注册和代码库设置

https://github.com  账户注册不解释,略过。

创建代码库过程如下:

登录github,点击右上角的“+”,选择New repository

在Responsitory.name 输入自己的username,一般格式是 username/username.github.io,建议直接填写自己的username,不然会出点小状况。

然后选择 “Initialize this repository with a README“,最后点击Create repository。

0X02 安装Hexo

Hexo 官方文档:https://hexo.io/zh-cn/docs/index.html

在D盘新建hexo文件夹,

cd hexo
npm install -g hexo-cli  //使用 npm 安装 Hexo
npm install hexo --save
hexo -v

初始化:

1、在d:/hexo中,新建blog目录,然后执行如下命令:

hexo init    
npm install    
hexo s

 打开浏览器,访问http://localhost:4000,已基本搭建完成。

0x03 将Hexo与github page关联起来  

配置Git个人信息

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

cd到blog文件夹下,打开_config.yml,修改最后的一行为:

deploy:
  type: git
  repository: https://github.com/username/username.github.io.git
  branch: master

hexo g //生成静态

hexo d //部署

此时,浏览器中打开网址http://yourname.github.io,能看到和打开http://localhost:4000时一样的页面。

ox04 如何写博客

在blog目录中,执行

hexo new post "First artitle"  

会生成 D:\hexo\blog\source\_posts\First-artitle.md ,用MarDown编辑器打开就可以编辑文章,编辑好以后

hexo g // 生成

hexo d // 部署

hexo new page "user"  //新建栏目页

生成D:\hexo\blog\source\user\index.md

http://theme-next.iissnan.com/getting-started.html

 

关于我:一个网络安全爱好者,致力于分享原创高质量干货,欢迎关注我的个人微信公众号:Bypass--,浏览更多精彩文章。

 参考文章:

https://www.cnblogs.com/MuYunyun/p/5927491.html

http://blog.csdn.net/gdutxiaoxu/article/details/53576018

https://segmentfault.com/a/1190000002632530

基于hexo+node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看StartMyBlogTrip—PowerByHexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 ==废话不多... 查看详情

基于github+hexo搭建个人博客(window)

0x01环境搭建1、Node.js环境下载Node.js安装文件:https://nodejs.org/en/download/根据系统选择相应安装包下载,安装过程一路Next,默认设置即可。通过以下命令查看是否安装成功:2、Git环境下载Git安装文件:https://git-scm.com/download/win选在... 查看详情

hexo+github搭建个人博客

...化部署到github,所以git必须有】2.安装node【hexo的服务器是基于node的】3.安装hexo  全局输入npmi 查看详情

使用hexo+github搭建免费个人博客详细教程(代码片段)

...绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的;数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都 查看详情

github搭建个人博客hexo框架next主题

...虚拟机了往往复复试了好多次,现在基本搭建完毕。我是基于hexo博客框架,next主题搭建的博客,静态网页。  大体就是,先在本地搭建好整个系统,然后再提交到github。 因为此篇文章只是捡部分内容说,所以我先列... 查看详情

hexo+github个人博客搭建(代码片段)

...博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页... 查看详情

基于hexo从零开始搭建个人博客

...现,如果想看完整的效果,请移步个人站点。原文链接:基于Hexo从零开始搭建个人博客(六)阅读本篇前,请先阅读前几篇文章:基于Hexo从零开始搭建个人博客(一)基于Hexo从零开始搭建个人博客(二)基于Hexo从零开始搭建... 查看详情

hexo+github搭建个人博客

title:hexo+github搭建个人博客date:2020-01-1210:21:32tags:hexo+github搭建个人博客搭建前的准备一、下载安装Node.jsh和gii二、注册github(传说这是一个程序员间的同性交友平台)如果有的话可以三、配置Node.js和git以及配置github相关资源链接N... 查看详情

hexo+github搭建个人博客(代码片段)

Hexo+Github搭建个人博客目录目录目录1.简介环境简介2.Github仓库创建和配置2.1创建Git仓库2.2配置git仓库2.3把本地公钥添加到github中3.Node安装4.Hexo安装及配置4.1安装hexo4.2初始化hexo文件夹4.3Hexo操作4.4将git库和hexo链接起来5.创建博客文... 查看详情

hexo+github搭建个人博客之创建仓库(代码片段)

...;个人博客地址:http://JingYu1205.github.io个人博客搭建是基于hexo+ 查看详情

github与hexo搭建个人博客

GitHub与Hexo搭建个人博客安装node.js? 自己百度安装Git? 自己百度创建GitHub仓库安装hexo? npminstall-ghexo-cli新建文件夹初始化文件夹? hexoinit安装依赖包? hexoinstall安装hexo-deployer-git? npminstallhexo-deployer-git--save在_config.yml文件中配置如下把... 查看详情

hexo+githubpages搭建的个人博客

1.什么是Hexo,什么是NexT主题?Hexo是一个基于Node.js的静态站点生成框架,快速、简洁且高效。Hexo主要使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。NexT是其一个非常简洁优雅的主题。2.什么是Markdown?Markdow... 查看详情

hexo+butterfly+github+coding搭建个人博客(代码片段)

Hexo+Butterfly+Github+Coding搭建个人博客背景之前用docsify搭建了一个简单的博客,但是docsify主题较少(也可能本人没有找到正确的设置方法⊙﹏⊙‖∣),没有自己很喜欢的主题。于是,在近期,利用空闲的时间,用Hexo重新搭建了一个... 查看详情

ubuntu+hexo+github搭建个人博客(代码片段)

Ubuntu+Hexo+Github搭建个人博客目录目录目录1.简介环境2.Git安装及配置2.1安装Git2.2创建Git仓库2.3配置git仓库2.4添加公钥3.Node安装4.Hexo安装及配置4.1安装hexo4.2初始化hexo文件夹4.3Hexo操作4.4将git库和hexo链接起来5.更换主题6.博客迁移6.1常... 查看详情

hexo+butterfly键入在线聊天功能(代码片段)

前言推荐阅读基于Hexo从零开始搭建个人博客(一)基于Hexo从零开始搭建个人博客(二)基于Hexo从零开始搭建个人博客(三)基于Hexo从零开始搭建个人博客(四)基于Hexo从零开始搭建个人博客(五)基于Hexo从零开始搭建个人博... 查看详情

使用node.js+hexo+github搭建个人博客(续)

一、写在前面在我的上一篇博客《使用Nodejs+Hexo+Github搭建个人博客》中,已经介绍了如何使用Hexo在GithubPages上搭建一个简单的个人博客。该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍:博客相关配置介绍... 查看详情

使用github和hexo搭建个人博客(代码片段)

...博客初始化项目生成静态文件本地部署写作配置部署创建GitHub仓库安装Hexo插件部署绑定域名查看仓库IP设置域名解析配置CNAME部署Next主题及设置更换主题设置布局设置左边栏设置分类设置标签设置关于设置搜索设置访问量设置头... 查看详情

使用hexo和github搭建个人博客网站(代码片段)

使用hexo+github可以免费、快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客。使用github部署静态页面在了解hexo之前,我们先看看如何使用github部署静态页面。注册github账号访问github... 查看详情