博客搭建

1.工具安装

  1. 安装Node.js,其中包含Node.jsnpm(包管理器)
  2. 利用npm安装cnpm(淘宝的npm,速度在国内更快)
    • npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 安装hexo框架:cnpm install -g hexo-cli

2.搭建hexo

  1. 创建博客文件夹blog(后续都以此文件夹为基础),执行hexo init初始化hexo。
  2. Hexo搭建完毕后执行hexo s启动,然后访问localhost:4000查看效果。
  3. 若想发布博客,hexo new {博客名字}命令会在blog\source\_posts目录下新建你命名的md文件。然后hexo clean+hexo g+hexo s一条龙启动。
  4. hexo基本命令解释:
    • hexo s(s:start):启动hexo,本地访问地址是localhost:4000
    • hexo new {name}:新建博客(默认md格式);
    • hexo g(g:generate):生成,当博客编辑后,使用该命令生成对应文件:
    • hexo clean:清理。

3.部署

  1. 若要部署,可以对外访问。看以下步骤。(以在github上为例)

  2. 创建新仓库,名字是{账户名}.github.io,其中.github前必须是对应的github账户名

  3. cnpm install --save hexo-deployer-git,在blog目录下执行该命令,下载git插件

  4. 修改blog目录下的_config.xml文件,在deploy字段下添加

    deploy:
    type: git
    repo: https://github.com/lf-zhang/lf-zhang.github.io.git
    branch: master
  5. 执行hexo d(d:deploy)命令,部署到远端。此时即可关联成功

  6. 地址栏输入{账户名}.github.io即可访问hexo博客。

4.博客皮肤

  1. 找到皮肤相关的github地址,eg:https://github.com/litten/hexo-theme-yilia
  2. git cloneblog目录的themes文件夹下
    • git clone git@github.com:litten/hexo-theme-yilia.git命令
  3. 修改blog目录下的_config.xml,修改theme字段为theme: yilia,此时更改完毕
  4. 执行hexo cleanhexo g,清理,生成,然后hexo s启动。
  5. 若要同步设置到github,则使用hexo d命令即可。

如有错误,欢迎指正。

个人hexo博客(静态,无后台)搭建的更多相关文章

  1. Hexo博客框架10分钟搭建个人博客

    首先是先给大家打个招呼 最近看网上看到了很多的的关于搭建博客的视频,我自己也学着自己搭建了一个博客"我自己的博客链接"(欢迎大家来我的博客跟我深入交♂流),今天我把搭建的过程记录下 ...

  2. 使用Hexo开源博客系统,轻松搭建你的个人博客(1)

    Hexo 是一个轻量级.简洁.高效且高逼格的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.同时有着丰富的主题,官网或者GitHub都可 ...

  3. Hexo博客搭建以及Next主题美化的经验之谈

    这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...

  4. [Node.js] 3、搭建hexo博客

      一.安装新版本的nodejs和npm 安装n模块: npm install -g n 升级node.js到最新稳定版 n stable   二.安装hexo note: 参考github,不要去其 ...

  5. [还不会搭建博客吗?]centos7系统部署hexo博客新手入门-进阶,看这一篇就够了

    @ 目录 *本文说明 请大家务必查看 前言 首先介绍一下主角:Hexo 什么是 Hexo? 环境准备 详细版 入门:搭建步骤 安装git: 安装node: 安装Hexo: 进阶:hexo基本操作 发布 ...

  6. 史上最详细“截图”搭建Hexo博客——For Windows

    http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...

  7. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

  8. linux 搭建hexo博客

    搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gette ...

  9. 在Github上面搭建Hexo博客(一):部署到Github

    什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...

随机推荐

  1. Map - 与君初相识

    前言 生活中,我们常会看到这样一种集合:IP地址与主机名,身份证号与个人等,这种一 一对应的关系,就叫做映射.Java提供了专门的集合类用来存放这种对应关系的对象,即 java.util.Map 接口 ...

  2. MyISAM 和 InnoDB

    1.MyISAM类型不支持事务处理等高级处理,而InnoDB类型支持.MyISAM类型的表强调的是性能,其执行数度比InnoDB类型更快,但是不提供事务支持,而InnoDB提供事务支持已经外部键等高级 ...

  3. Vue2.0 【第二季】第9节 Component 标签

    目录 Vue2.0 [第二季]第9节 Component 标签 第9节 Component 标签 1.我们先在构造器外部定义三个不同的组件,分别是componentA,componentB和compo ...

  4. C++ 顺序表练习

    #include <stdio.h> #include <stdlib.h> #include <string.h> struct Array //定义一个数据存储 ...

  5. express第三方中间件研究之bodyParser中间件

    转载至:http://www.cnblogs.com/lianer/p/5178693.html 接触nodejs已有一段时间了,但最近才开始落实项目,于是使用express应用生成器生成了一个应用. ...

  6. asp.net里获取或设置textarea/asp:Textbox/dropdownlist/CheckBox 的值

    1.   textarea .asp:label 和 tasp:extbox 的text文本值: <textarea id="txt_remark" runat=" ...

  7. linux 执行计划任务crontab

    crontab 一些常用的命令 service crond start //启动服务 service crond stop //关闭服务 service crond restart //重启服务 se ...

  8. css定位属性的运用

    position 定位定位:主要解决叠加排列的问题.position 1.static(默认) 2.relative : 相对定位 如果没有定位偏移量,对元素本身没有任何影响(一般用于需要加定位的父容 ...

  9. VsCode编辑器那些事

    1.怎么改成中文的? 按快捷键“Ctrl+Shift+P” 在框下点击“configur Display language" 会跳转至商店,选择插件下载“Chinese (Simplifie ...

  10. python编写“求最大值”

    # 求最大值 def large(*num): # 定义一个large函数,函数的参数为可变参数 ma = num[0] # 初始化最大值 for n in num: if ma < n: # ...