hexo搭建个人博客

百金买骏马,千金买美人;万金买高爵,何处买青春? —— 屈原
个人博客:Ronetver-Blog

概述

1、 安装git (因为git很早之前已安装,本文在这里就不说明了)

2、 安装nodejs

3、安装 hexo

4、正式搭建

安装nodejs

因为hexo依赖于nodejs,所以得先下载nodejs。下载地址:https://nodejs.org/en/

下载下来是一个安装包,双击一路【next】默认即可(安装位置可自选)

安装hexo

在任意位置创建一个文件夹,自定义命名,这里以blog命名,在当前位置**(即blog的上一级目录)鼠标右击选择git bash here**,因为国内要直接下载安装 hexo 会很慢很慢,所以

  • 输入一下命令安装 淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

  • 安装成功后,输入命令开始安装hexo

cnpm install -g hexo-cli

  • 安装成功后,初始化blog

hexo init blog #这里的blog是你之前新建的文件夹名,比如你命名为test, 则这里的命令为 hexo init test

  • 初始化完成后,进入blog文件夹,发现生成很多文件

node_modules:各依赖 source:源码 themes:存放博客主题 _config.yml:博客配置文件

搭建

经过前面的几步,准备工作已完成。下面开始正式搭建及美化部署。

1、cd blog 进入blog文件夹

2、鼠标右键gitbash here,输入

hexo s

该命令为启动服务命令,启动后,本地浏览器访问localhost:4000查看效果。


以github作为服务器将本地博客推至github上面

  • 通过以上几个步骤已经实现了在本地浏览器访问博客,接下来说明如何推到远端并访问。

注册一个github账号http://github.com/

  • 登录进入github中,创建仓库,即new repostory

  • 复制该仓库的链接

  • 回到blog文件夹,打开_comfig.yml文件,编辑deploy下的这几个参数值,没有的自己加上,把repo的地址改为自己的

  • 在blog文件夹下gitbash here,依次输入

cnpm install hexo-deployer-git --save #安装git部署插件

hexo clean #清理缓存,实际上是把public文件夹删除

hexo g #重新生成public文件夹

hexo s #启动服务,本地查看是否成功

hexo d # 将本地博客推至远程仓库中,推送完成之后浏览器访问你的github用户名.github.io查看效果

可点此看效果Ronetver_Blog

问题出现

1.之前的live2d小猫莫名失踪
解决方案:
到博客根目录重新输入命令安装依赖即可

npm install --save hexo-helper-live2d

基于hexo搭建个人博客相关推荐

  1. Win10环境下基于Hexo的静态博客环境搭建,及其阿里云部署

    引言 1.为什么要搭建自己的个人博客 工作和学习过程中,我们经常遇到一些这样或那样的问题,此时我们可能会在网上找到相应的解决方法.但是过了一段时间之后,当我们再次碰到类似的问题时,早已忘记以前是怎么解 ...

  2. hexo搭建个人博客_hexo 搭建个人博客

    hexo 搭建个人博客 hexo-theme-matery README Hexo BLOG 地址 iyuhp's blog 基本介绍 本 blog 使用 HEXO 搭建, MATERY 作为主题, ...

  3. GitHub Pages + Hexo搭建个人博客网站,史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  4. 在Hexo搭建的博客中插入音乐或者视频

    原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...

  5. GitHub+hexo搭建个人博客(2019新版超详细教程)

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  6. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...

  7. win10+阿里云ECS服务器+hexo搭建个人博客

    最近尝试了Hexo+github来配置属于自己的博客,但是访问速度有些慢.在网上看到一些教程,基于网上教程总结了这一篇<win10+阿里云ECS服务器+hexo搭建个人博客>. 原文来自: ...

  8. 【Hexo搭建GitPage博客系列】02.环境搭建

    转载声明:商业转载请联系作者获得授权,非商业转载请注明出处.原文来自 © 呆萌钟[Hexo搭建GitPage博客系列]02.环境搭建 前言 Hexo搭建博客需要基于Node.js环境,而且依赖于Git ...

  9. Github + Hexo 搭建个人博客超详细教程

    Github + Hexo 搭建个人博客超详细教程 本文目录 generated with DocToc 网站搭建 本文目录 1.安装node.js 2.添加国内镜像 3.安装Git 4.注册Gith ...

最新文章

  1. java 多路分发_java实现多路分发
  2. python 循环(while、for、break、continue、循环嵌套、while...else、for...else)
  3. 【 FPGA 】组合逻辑中的竞争与险象问题(五)
  4. 少儿编程python线上课程-少儿编程课堂|python – 用游戏学编程
  5. 【字符串】字符串查找 ( 蛮力算法 )
  6. Bootstrap 按钮下拉菜单
  7. android系统加载主题的流程,详解Android布局加载流程源码
  8. sql python 教程_Python SQLAlchemy ORM教程(3)
  9. 杭电1863畅通工程
  10. 对“优秀工程师”的一点感悟
  11. Android——selector背景选择器的使用详解(二)
  12. 北京科技大学 工科物理实验 大二下
  13. 卡方拟合优度检验怎么做?
  14. 第一章 语料库语言学基本知识
  15. 自抗扰控制器-1.跟踪微分器 TD
  16. java ajax教程_(转)JAVA AJAX教程第三章—AJAX详细讲解
  17. 对于拖延症的最好方法
  18. python文件或目录损坏且无法读取,data\sogoupy\verify.ini已损坏且无法读取,啥意思?谢谢?...
  19. 计算机文件夹添加密码,电脑如何给文件夹设置密码
  20. 数字化住宅小区对计算机网络有需求,浅谈智能小区宽带接入及其技术发展趋势...

热门文章

  1. 万象2008实用新功能
  2. 3D模型欣赏:女精灵
  3. JS ES6 对象字面量增强写法
  4. 高新区万达(大连)编程猫学院(二)
  5. 股粮网:无协议脱欧恐慌先至 英国民众花超300亿屯粮
  6. c语言fmod函数_fmod()函数以及C ++中的示例
  7. ShaderJoy —— Film Burn (炫光光晕)效果【GLSL】
  8. GITHUB排行榜C位出道-手把手教你玩转V语言版的俄罗斯方块
  9. jsp mysql下拉框联动_phpajax下拉框动态联动问题-爱问知识人
  10. 【数据仓库-9】-- 数据仓库、数据集市和数据湖的区别