搭建自己博客分为两类,一种是托管到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. BZOJ 4477: [Jsoi2015]字符串树 可持久化trie树

    这个是真——可持久化字典树..... code: #include <bits/stdc++.h> #define N 100006 #define setIO(s) freopen(s& ...

  2. SOS.DLL在windbg里加载错误

    sos.dll/mscordacwks.dll 公共语言运行库(CLR)是执行托管代码的Microsoft.NET框架的核心引擎.简单地说,它通过在托管程序集中使用中间语言和元数据,JIT按需编译代码 ...

  3. windows客户端

  4. [RN] React Native 下实现底部标签(不支持滑动切换)

    底部标签是现在App的基本菜单实现 下面分别用 createBottomTabNavigator 和 createMaterialBottomTabNavigator 两种方法分别实现底部菜单 但此两 ...

  5. vue-cli之路由独立成JS文件之后,如何在路由中获取vuex属性或者设置国际化i18n的当前使用语言

    国际化vue-i18n的使用: import Vue from 'vue'; import VueI18n from 'vue-i18n'; // 引入语言包 import zh from '@/co ...

  6. C博客作业03——函数

    0.展示PTA总分 截图展示: 1.本章学习总结 1.1学习内容总结 (a)函数的定义 1)函数是一个完成特定工作的独立程序模块,包括库函数和自定义函数两种,scanf(),printf()等为库函数 ...

  7. 【大数据】安装关系型数据库MySQL安装大数据处理框架Hadoop

    作业来源于:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE2/homework/3161 1. 简述Hadoop平台的起源.发展历史与应用现状. 列举发展过 ...

  8. 【自学Spring Boot】什么是Spring Boot

    为啥要有Spring Boot? 以前大学刚开始学java web的时候,需要搭建起web框架,当时使用的是SSH(struts+spring+hibernate),那就开始搭建吧,初学者哪里知道整套 ...

  9. 【软工实践】Alpha冲刺(5/6)

    链接部分 队名:女生都队 组长博客: 博客链接 作业博客:博客链接 小组内容 恩泽(组长) 过去两天完成了哪些任务 描述 任务界面设计,任务功能后端实现 任务计时功能及界面实现 展示GitHub代码签 ...

  10. python 图片格式转换png转jpg,如何利用python给图片添加半透明水印

    from PIL import Imageim = Image.open(r'd:\test2.png')r, g, b, a = im.split()im = Image.merge("R ...