GitHub上搭建hexo博客

安装Git
Git:主要用于上传博客页面到github和命令操作
安装Node
Node.js:Hexo的运行环境
安装Hexo
Hexo:博客程序
打开安装Git后的生成的右键菜单Git Bash,输入如下代码安装Hexo:

npm install -g hexo-cli

等待安装完成即可

生成本地博客


首先切换到你需要创建博客的文件目录,鼠标右击空白处打开git bash,输入如下代码生成一个本地博客:

hexo init myblog

创建好之后输入代码切换到博客文件夹目录并使用npm包管理工具安装hexo所需的依赖模块

cd myblog && npm install

继续输入:

npm install hexo-deployer-git --save

这是用于将hexo本地博客上传到github页面上必需的模块
最后再输入

npm install hexo-server --save

安装hexo服务器模块,用于本地预览博客
到这里就基本在本地完成博客的搭建了。可以输入如下命令来看下hexo博客的初始效果:

hexo s

这条命令是hexo server的简写形式,启动一个本地服务器,不要关闭当前git bash窗口,打开浏览器,输入网址http://localhost:4000进行访问。有一篇Hello World博文,效果图如下:

将本地博客上传到github


创建需要将博客存放在github上的仓库,我们需要一个github账户,如果没有请注册,然后点击New repository创建仓库,Repository Name按如下格式填写:

yourname.github.io

注:yourname填写你的账户名
点击Create repository即可
修改_config.yml文件
找到_config.yml文件,用记事本打开(Nodepad++sublime等文本编辑器都可),鼠标拉到最下面,修改成:

deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git

注:两处yourname都需要填写你的账户名

部署本地博客到github


首先输入如下命令生成静态页面

hexo g

这条命令是代码hexo generator的缩写,生成好之后,继续输入

hexo d

这条命令是代码hexo deploy的缩写,用于将生成的静态文件上传到github,等待完成之后在浏览器输入yourname.github.io就可以看到你的博客页面了
注:首次使用git会询问github的账号信息,填写你对应的账户信息即可
推荐主题:next,里面有详细的next主题使用方法,在此我就不赘述了

GitHub上搭建私人hexo博客操作教程的更多相关文章

  1. 在Github上搭建自己的博客(Windows平台)

    折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比 ...

  2. 在Github上搭建你的博客

    title: blog on github date: 2014-03-24 20:29:47 tags: [blog,github,hexo] --- **用Github写博文** 参考http:/ ...

  3. 在github上搭建免费的博客

    github好多年前,大家都开始玩啦,我这个菜鸟近几年才开始.github不仅可以管理项目,还可以搭建博客.技术人员,一般用的博客为博客园,CSDN多一些.看到朋友们都弄一个,我也开始弄起来,先找点资 ...

  4. Hexo + Github Pages搭建的个人博客

    这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装he ...

  5. 使用Hexo + Github Pages搭建个人独立博客

    使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog ...

  6. 在Github和oschina上搭建自己的博客网站

    在Github上搭建 - 参考链接 搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门 GitHub + Jekyll 搭建并美化个人网站 用Jekyll搭建的Git ...

  7. 讲解开源项目:5分钟搭建私人Java博客系统

    本文适合刚学习完 Java 语言基础的人群,跟着本文可了解和运行 Tale 项目.示例均在 Windows 操作系统下演示 本文作者:HelloGitHub-秦人 HelloGitHub 推出的< ...

  8. 利用Github免费搭建个人主页(个人博客)

    之前闲着, 利用Github搭了个免费的个人主页. 涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多 一  Github注册 在地址栏输入地址:http://github.co ...

  9. 基于 Github Actions 自动部署 Hexo 博客

    前言 前不久使用了 Hexo 搭建独立博客,我是部署在我的腾讯云轻量应用服务器上的,每次都需要 hexo deploy 然后打包.上传.解压和刷新 CDN,非常麻烦.我的服务器配置也不高 2C2G 无 ...

随机推荐

  1. python第二周:数据类型、列表、字典

    1.模块初识: sys模块: import sys print(sys.path) #path打印环境变量--> ['F:\\python学习\\projects\\s14\\day2', 'F ...

  2. uni-app 之验证码

    手机APP---验证码 最近公司在开发手机APP,app避不可免的就是登录了,emmmm 登录验证码那必须的是有的,我们公司发给我们的图片是酱紫的~~ 这个要求大家应该都能看懂,做这个手机号啊,验证码 ...

  3. 原生js,一些小应用(逢10进一,生成V字,多个div抖动)

    第一题:每隔10个div换一行.并且鼠标移入 改变opacity. <!DOCTYPE html> <html lang="en"> <head> ...

  4. jQuery练习总结(一)

    第一个jQuery程序: 注意:使用jQuery时候定义单击事件使用的方法是click(function(){处理单击事件产生时所要执行的代码}) , 而JavaScript定义的单击事件则是 xx. ...

  5. 使用magento eav数据模型为用户提供图片上传功能的实践

    一,在megento表中,增加一个存储上传图片路径的属性, 给magento的customer实体类型增加一个audit_file_path属性,因为要customer使用的是EAV模型,得操作几个关 ...

  6. CF870A Search for Pretty Integers

    CF870A Search for Pretty Integers 题意翻译 给出两个整数n,m,a数组有n个数,b数组有m个数.求一个数,这个数的每一位必须在a数组和b数组中至少出现过一次,求符合条 ...

  7. httpurlconnection get String

    public static String getJSON(String url, int timeout) { HttpURLConnection c = null; try { long reque ...

  8. JSP页面标签

    1.EL表达式中empty的用法 EL表达式中empty的用法 <c:if test="${! empty key}">${key}</c:if> < ...

  9. iOS_第3方类库MBprogressHUD

    1,将下载好的第3方类库MBprogressHUD源代码包增加到project(事实上就是一个.h和.m文件) 2,进入project的Build Phases,将源代码包里面的所有.m文件所有加入到 ...

  10. hdoj--1201--18岁生日(模拟)

    18岁生日 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Subm ...