• 使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)


    参考链接: youngzn.github.io     hexo官网     博客:从jekyll到hexo    hexo建站小结  全过程  简洁过程

    使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)

    1.在自己的GitHub网页上创建个人主页

    2.安装Hexo

    3.本地搭建网站 

    4.将本地使用Hexo制作的网页,提交到自己的GitHub

    5.将youngzn.github.io 和 youngzn.com 关联绑定

    1.在自己的GitHub网页上创建个人主页

    方法:创建一个youngzn.github.io的仓库(xxx.github.io是giuhub规定格式),

    2.安装Hexo

    安装Hexo之前需要安装 Node.js和Git

    2.1安装GIt(Ubuntu环境下),官网各种系统下的安装

    $ sudo apt-get install git-core

    2.2安装Node.js,我安装时参考的链接

    apt-get命令安装(Ubuntu环境下) 

    $ sudo apt-get install nodejs (可以跳过这个步骤)
    $ sudo apt-get install npm

    最后用

    $ node --version

    检查一下版本,确定已正确安装

    我的显示是: v8.10.0

    如果没有显示版本,则还需执行下面这行代码,再次验证版本即可

    sudo apt install nodejs-legacy

    2.3这个时候就可以安装Hexo,这里我不加 sudo 的话,会出现ERR!

    $ sudo npm install hexo-cli -g

     3.本地搭建网站

    3.1本地任意任意位置创建一个文件夹(与xxx.github.io同名),用来存放你的网站内容。在当前文件夹下右键打开 Terminal ,执行下面程序

    $ hexo init blog
    $ cd blog
    $ npm install
    或者
    $ npm install hexo-deployer-git -save

    作用分别是 将当前文件夹初始化,安装依赖包,确保git部署到 github

    之后每次修改自己设计的网页内容后,在这个文件夹下运行

    $ hexo g
    $ hexo s # server

    就能预览自己设计的网页了。(注意:需要在浏览器中输入http://localhost:4000/ 后才能看见显示效果,程序是不会自动调用浏览器打开的)

    这里默认的主题是 themes 下的 landscape,更多知乎用户提供的主题

    (提示:当执行hexo d 之后提示:ERROR deployer not found git时,需npm install hexo-deployer-git -save,再hexo d即可)

     4.将本地使用Hexo制作的网页,提交到自己的GitHub

    将文件夹下 blog 下的文件 _config.yml 和最后几行修改为如下:注意空格 type: 前面是两个空格,后面是一个空格

    deploy:
      type: git
      repo: git@github.com:youngzn/youngzn.github.io.git
      branch: master

    之后执行下面两行程序(命令的作用相当与是 git add/commit/push ,最后是将网站内容添加到youngzn.github.io仓库中)

    $ hexo g #generate 生成网站内容 
    $ hexo d #deploy 部署到自己的github

    现在就可以访问 youngzn.github.io 

     5.将youngzn.github.io 和 youngzn.com 关联绑定

    5.1在域名youngzn.com 中添加github的两条解析,内容如下图:

    5.2在GItHub中关联域名youngzn.com

    在 youngzn.github.io >> settings >> github pages >> custom domain 中填入 youngzn.com 后保存

    在本地网站工程的 soruce文件夹下创建一个 CNAME文件存放内容youngzn.com,这样提交到github之后,在youngzn.github.io下就会自动创建一个文件CNAME 内容为youngzn.com

    (完)

  • 相关阅读:
    [LeetCode]Valid Parentheses
    LeetCode & Q219-Contains Duplicate II
    LeetCode & Q217-Contains Duplicate-Easy
    LeetCode & Q189-Rotate Array-Easy
    LeetCode & Q169-Majority Element-Easy
    LeetCode & Q167-Two Sum II
    LeetCode & Q122-Best Time to Buy and Sell Stock II-Easy
    LeetCode & Q121-Best Time to Buy and Sell Stock-Easy
    MapReduce工作机制——Word Count实例(一)
    LeetCode & Q119-Pascal's Triangle II-Easy
  • 原文地址:https://www.cnblogs.com/yangzhaonan/p/9351838.html
Copyright © 2020-2023  润新知