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

hexo支持Markdown,使用Markdown来编写文章,最终生成的是一个静态html页面,发布到服务端,访问效率有天然优势。

步骤:

  • 安装git

  • 安装nodejs

  • 安装hexo

  • github上创建仓库

  • 发布博客到github上

安装Git

  1. 使用yum安装git客户端

    yum instal git
  2. 查看安装是否成功

    git --version

安装nodejs

  1. 下载nodejs安装包

    wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz
  2. 解压安装包

    tar -xvf node-v10.9.0-linux-x64.tar.xz
    
    mv node-v10.9.0-linux-x64 /opt/nodejs
  3. 设置软连接

    ln -s /opt/nodejs/bin/npm /usr/local/bin
    ln -s /opt/nodejs/bin/node /usr/local/bin
  4. 查看安装是否成功

    npm --version
    node --version

安装hexo

  1. npm安装

    npm install hexo-cli -g
  2. 设置软连接

    ln -s /opt/nodejs/lib/node_modules/hexo-cli/bin/hexo /usr/local/bin/hexo
  3. 创建博客目录,初始化

    mkdir blog
    
    cd blog
    
    hexo init

  4. 启动博客

    hexo s

  5. 浏览器里访问

Github上创建仓库

  1. 登录github官网,没有账号的先注册个账号

  2. 新建仓库,仓库的名字必须是你的(id).github.com,如id为woniu201,则仓库的名字woniu201.github.com。

  3. 这时github的仓库已经创建完成。

发布博客

hexo自带的主题很多小伙伴可能并不喜欢,首先推荐给大家一个主题yilia,个人比较喜欢的。

更换主题的方式:

cd blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改blog根目录下的_config.yml,theme: landscape改为theme: yilia

执行指令hexo g重新启动hexo,hexo s后效果如下:

创建博客文章:

hexo new "优秀的程序员一定要有自己的博客!"

编辑source/_posts/目录下的md文章

修改根目录下的_config.yml中deploy项

注意type:与gihub中间有空格。

安装hexo的deployer插件

npm install hexo-deployer-git --save

发布博客到github上

hexo g

hexo deploy

浏览器访问地址:http://woniu201.github.io

基于Hexo搭建自己的博客主页的更多相关文章

  1. Hexo搭建静态个人博客

    Hexo简介 之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它.我之前体验了一下jekyll,没有达到我想要的效果.于是寻找替代方案,搜索同类博客 ...

  2. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  3. 使用Hexo搭建Github静态博客

    1. 环境环境 1.1 安装Git 默认配置就好 1.2 安装node.js 下载:http://nodejs.org/download/ 安装时直接保持默认配置即可. 2. 配置Github 1.1 ...

  4. 使用Hexo 搭建自己的博客

    使用Hexo 搭建自己的博客 最近一直都想着如何去搭建属于自己的博客,有空的时候就写写文章什么的. 本人对该博客系统的要求是: 博文的编写要采用现在流行的MarkDown来进行编写. 本人还不想去注册 ...

  5. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  6. github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...

  7. 基于Ubuntu 搭建 WordPress 个人博客 - 开发者实验室 - 腾讯云

    1.准备 LAMP 环境 安装 Apache2 在终端输入该命令 ,使用 apt-get 安装 Apache2: sudo apt-get install apache2 -y 安装好后,您可以通过访 ...

  8. 基于ECS搭建云上博客

    场景介绍 本文为您介绍如何基于ECS搭建云上博客. 背景知识 本场景主要涉及以下云产品和服务: 云服务器ECS 云服务器(Elastic Compute Service,简称ECS)是阿里云提供的性能 ...

  9. github+hexo搭建自己的博客网站(一)基础入门

    github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站. 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可 ...

随机推荐

  1. 思科ASA基本配置

    ------------恢复内容开始------------ ASA基本配置 ciscoasa#show running-config        //讲解已作的默认配置 ciscoasa#conf ...

  2. 洛谷 P2571 [SCOI2010]传送带 题解

    每日一题 day51 打卡 Analysis 这道题是用非常恶心的三分套三分做的,有一个技巧是不要枚举坐标,枚举两条线段构成三角形的相似比就好了. 了解思路就还挺好写的(尽管我还调了三天) #incl ...

  3. ArrayList 集合:库存管理

    import java.util.ArrayList; import java.lang.Integer; import java.util.Scanner; import java.util.Ran ...

  4. 查看.NET应用程序中的异常(上)

    内存转储是查明托管.NET应用程序中异常的原因的一种极好的方法,特别是在生产应用程序中发生异常时.当您在无法使用Visual Studio的应用程序中跟踪异常时,cdb和sos.dll的使用技术就变成 ...

  5. Cogs 727. [网络流24题] 太空飞行计划(最大权闭合子图)

    [网络流24题] 太空飞行计划 ★★☆ 输入文件:shuttle.in 输出文件:shuttle.out 简单对比 时间限制:1 s 内存限制:128 MB [问题描述] W 教授正在为国家航天中心计 ...

  6. 洛谷P2877 [USACO07NOV]防晒霜Sunscreen

    题目 此题有多种贪心方法. 首先简化题意: 有几个在数轴上的区间,和几个在数轴上确定的位置的点,问用这些数目的点,最多能满足多少个区间里有点. 注意:此题跟区间选点问题不一样,每个点只能满足一个区间, ...

  7. shell脚本编程基础之for循环

    循环结构 循环需要有进入条件和退出条件,如果没有退出条件,则就会一直循环下去 for 变量 in 列表:do 循环体 done 生成列表及示例 {1..100}:生成1到100的整数列表 `comma ...

  8. GoCN每日新闻(2019-10-09)

    GoCN每日新闻(2019-10-09) GoCN每日新闻(2019-10-09) 1. 我们如何将服务延迟减少了98% https://blog.gojekengineering.com/the-n ...

  9. 记一次edusoho问题

    问题描述:Edusoho如何迁移到本地windows或另外一台Linux服务器上 解决问题步骤: 1.参考官方文档官方文档地址如下:http://www.qiqiuyu.com/my/course/3 ...

  10. spring boot eclipse 远程调试

    <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot ...