zoukankan      html  css  js  c++  java
  • 利用Github和Hexo搭建独立的个人博客--基础篇

    利用Github和Hexo搭建独立的个人博客--基础篇


    摘要:本文主要参考了使用hexo和Github上创建自己的博客如何搭建一个独立博客——简明Github Pages与Hexo教程使用GitHub和Hexo搭建免费静态Blog,梳理了主要的逻辑,并作了一些补充。
    使用Hexo搭建博客也不错,建议一看。


    步骤1:准备工作

    • github账号注册,建立名为XXX.github.io的repository(仓库)
    • 安装git
    • 安装node.js
    • 安装Hexo(node内置)

    Hexo安装较易出错

    1.测试node和npm是否安装成功

    node -v #检查版本
    npm -v #检查版本
    

    2.安装hexo

    出现WARN可以忽略

    npm install -g hexo #-g?
    

    步骤2:使用Hexo创建本地博客

    为本地博客建立一个单独的文件夹,打开git bash,切换到该目录

    hexo init #初始化,安装博客基本文件
    
    npm install #安装模块文件“node_modules” npm被墙,所以安装极慢
    
    npm install -g cnpm --registry=https://registry.npm.taobao.org #解决办法:淘宝镜像
    
    cnpm install [name of module] #一个一个安装直至不再报错 相当于用cnpm代替了npm,功能是一样的
    

    测试:

    hexo server #不用时ctrl+c关server
    

    然后就可以在http://localhost:4000/ 中打开本地博客

    附:
    1.hexo常用命令笔记
    2.快速搭建 Node.js 开发环境以及加速npm
    3.npm install用了淘宝的服务器,为什么依然很慢??


    步骤3:用SSH keys与远程github pages空间建立连接

    此部分在如何搭建一个独立博客——简明Github Pages与Hexo教程中已经讲述的非常详细,本文只做一个大体的归纳:

    • 在本地生成SSH key
    • 将SSH key添加到github中
    • 设置用户信息
    $ ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成SSH key
    
    $ git config --global user.name "XXX"//用户名
    $ git config --global user.email  "XXX@XXX.com"//填写自己的邮箱
    

    步骤4:创建新文章,并上传到github空间

    1.创建新文章

    hexo new "my first blog" #创建新文章
    

    文章在~hexosource_posts文件夹里,为md文件,需用Markdown书写。

    2.修改_config.yml配置文件

    theme: landscape #主题 必须使用本地已有的主题,否则无法上传,页面无法显示(空白)
    
    deploy: 
    type: git #类型
    repository: git@github.com:nichunquan/nichunquan.github.io.git #账号
    branch: master
    

    3.部署上传

    hexo g #生成
    hexo d #部署及上传
    hexo s #开启server
    

    接着,访问xxx.github.io便可看到刚才上传到github的博客网站。


    步骤5:将独立域名与GitHub Pages的空间绑定

    有独立域名的博客才叫独立博客,不是吗?

    这部分如何搭建一个独立博客——简明Github Pages与Hexo教程已讲得非常详细

    • 购买域名,我是在万网买的,XXX.com域名一年39,XXX.cn一年29。网友多推荐在godaddy购买,看个人喜好。实名认证和备案就不多说了。
    • 创建CNAME文件,写入你要绑定的域名
    • DNS设置,万网自带DNS设置,网友多推荐DNSpod,快,免费,稳定。

    本文总结

  • 相关阅读:
    软工人日常
    11.5
    11.4
    11.3
    11.2阅读笔记
    11.1阅读笔记
    10.31 异常
    10.30动手动脑
    10.29
    10.28
  • 原文地址:https://www.cnblogs.com/leezx/p/4649369.html
Copyright © 2011-2022 走看看