zoukankan      html  css  js  c++  java
  • 使用github pages, hexo搭建个人博客教程

    具体的原理性的东西就不说了直接上教程,怕等下自己忘了。

    一. github 阶段

    1. 申请一个github 账号并成功登录进去。
    2. 创建一个名字为xxx.github.io的空项目。

    二. hexo 阶段

    这里我写的是windows下搭建hexo,的教程。

    1. 安装hexo
      安装hexo要先安装两个东西
      1.node:
      [node 下载][1]
      2.安装git:
      [git 下载][2]
      [1]: https://nodejs.org/en/ "node 下载"
      [2]: https://git-scm.com/downloads "git 下载"
      安装选项除了可以把软件安装在其他盘,其他全部选默认就行。

    2. 在windows里面运行命令行测试:win+r 运行cmd

       npm -v 
    

    如果有显示版本信息则显示说明node安装成功。

    1. 打开你安装git的目录
      运行 git-bash.exe,运行成功说明git 安装成功。

    2. 创建一个文件夹,打开,shift + 右键,打开命令行,运行

    npm install -g hexo-cli
    #这个过程是安装hexo
    npm install hexo --save
    #安装完了运行一下命令测试
    hexo --version
    #出现版本信息说明安装成功
    #然后运行以下命令:
    hexo init blog
    cd blog
    npm install
    hexo g
    # 或者hexo generate
    hexo s -p 9800 
    #p 是指定端口号的意思,有可能默认的4000端口被占用不能使用
    # 在浏览器进入localhost:9800 就能看到这个网页
    
    1. 在你运行hexo g 的时候,他已经生成了静态网页了,他在你hexo_dir/blog/public 里面。
      这里面就是你的静态网页,现在我要做的时候就是要讲这个静态网页放到github.io这个项目里面。
      运行你刚才装好的git-bash.exe
    #进入你的hexo安装目录里面的blog里面的public目录
    cd  hexo_dir/blog/public
    #配置git 
    运行下面两条命令
    git config --global user.name "yourgithubname"
    git config --global user.email "yourgithubemail"
    #在运行下面的命令生成ssh秘钥
    ssh-keygen -t rsa -C “your githuab@gmail.com”
    #根据系统命令行的提示找到你的id_rsa和id_rsa.pub文件
    #把id_rsa.pub 里面的内容全部复制
    
    1. 进入你的github
      右上角电话标志-->setting-->SSH and GPS keys ----> New SSH key
      随意一个title
      把刚才id_rsa.pub文件的内容复制到Key里面,保存。

    2. 再次在window 命令行进入你的hexo 安装目录,进入其中的public目录。
      运行git init

        cd your_hexo_dir
        cd blog/public
        git init
        # git init 是创建本地仓库
        git add .
        # git add . 是把当前目录下的文件放在本地仓库缓冲区里面
        git commit -m "update"
        # git commit -m "update" 是把本地仓库缓冲区里面的文件升级到本地仓库里面
        git pull git@github.com:your_githubname/xxx.github.io.git  
        # pull 是把远程仓库的文件与本地仓库文件想对比,看哪里有不同,该怎么修改看自己
        git push git@github.com:your_githubname/xxx.github.io.git master
        # push 是把本地仓库的文件上传到远程github仓库
    
    到目前这一步,你已经可以通过xxx.github.io 访问你用hexo生成的静态网页了。
    

    godaddy域名购买及域名绑定阶段

    [godaddy 官网][1]
    [1]: https://hk.godaddy.com/en/ "godaddy 官网"

    1. 在里面购买一个你自己的域名
      具体的操作这里就不多说了,反正这个东西要钱就是了。

    2. 进入你所购买的域名进行管理
      点击你自己的用户图标-----》 My Products -----> DOMAINS ----->DNS Management----> 设置你自己的type A 以及CNAME的www设置为你自己的xxx.github.io

    3. 进入你的xxx.github.io 项目,添加文件名为CNAME的新文件,里面写上你自己的购买的域名
      如果一切顺利的话访问xxx.github.io 会跳转到你自己的域名。

    OK。

  • 相关阅读:
    新手入门贴之基于 python 语言的接口自动化 demo 小实战
    记新人从 excel 文件中读取字典数据踩的一个坑
    接口自动化 之 unittest+ddt+openpyxl 综合
    接口自动化之unittest+ddt
    接口自动化之unittest初探
    python之类与对象(5)
    python之类与对象(4)
    python之类与对象(3)
    python之类与对象(2)
    传智播客JavaWeb day01 快捷键、XML
  • 原文地址:https://www.cnblogs.com/chenfulin5/p/6080511.html
Copyright © 2011-2022 走看看