zoukankan      html  css  js  c++  java
  • 博客-使用hexo+github创建个人博客

    在Win下安装

    安装Git Bash

    git bash是github的命令行,类似于cmd,用于输入指令。下载地址:

    https://git-for-windows.github.io/

    一路默认安装就可以。

    安装NodeJs

    不知道干啥的,反正里面有个npm工具。下载地址:

    https://nodejs.org/en/

    安装成功后,可以用命令查看是否成功:

    node -v
    

    如果出现版本号,就代表成功了。

    安装hexo

    hexo是一种依托于github的博客生成软件,简言之就是构建博客网站的一种软件。

    在任意地方创建新文件夹用于存放博客(我的叫GitRep),然后再该文件夹内右键打开git bash here,输入命令安装hexo:

    npm install -g hexo
    

    注意,在回车之后,可能会出现一行WARN的警告语句,不用管它,什么都不要按,等着。。。

    npm install hexo --save
    

    安装完成后用命令检测:

    npm -v
    

    如果出现版本号就代表安装成功了。

    初始化博客空间:

    hexo init
    

    完成后可以看到以下文件:

    node_modules:是依赖包

    public:存放的是生成的页面

    scaffolds:命令生成文章等的模板

    source:用命令创建的各种文章

    themes:主题

    _config.yml:整个博客的配置

    db.json:source解析所得到的

    package.json:项目所需模块项目的配置信息

    至此博客空间创建完成。

    注册github账号

    注册地址,用户名、密码和邮箱要记清楚哦。
    注册账号后在桌面上右键git bash here,添加刚注册的github的用户名和邮箱:

    git config --global user.name "CdqPT"
    git config --global user.email "123456789@qq.com"
    

    新建仓库

    TODO.

    填写信息

    无论Owner是大写还是小写,Repository name必须是和Owner名字一样,且必须是小写,且后边必须是.github.io

    复制HTTPS链接

    回到<>code页,复制HTTPS链接。

    链接hexo与github

    在第三步创建的GitRep文件夹下打开_config.yml,推荐使用sumlimb Text3软件。
    按照下图修改文件,repository填写刚才复制的链接。

    上传博客文件

    部署hexo

    npm install hexo-deployer-git --save    
    

    生成本地文件

    hexo g
    

    上传到github

    hexo d
    

    现在,试试在浏览器的地址栏输入:“你的用户名.github.io”,此时,你应该会看到这样的界面:

    换主题

    选主题要慎重,不然后期修改起来有些麻烦,所以还是耐心选好,目前资料比较多的是next主题,功能最全面,问答量最多。也可以自己挑选喜欢的主题:https://hexo.io/themes/
    可以使用git bash工具git clone 主题链接或者下载zip后解压到themes文件夹内,并改成一个好认的名字比如ocean。然后打开根目录下的_config.yml,修改想要启用的主题名称。

    接着:

    本地部署

    hexo g
    

    生成本地预览

    hexo s
    

    打开浏览器,输入网址预览
    https://localhost:4000/
    如果满意就上传

    hexo d
    

    写博客

    博客是用markdown写的,需要学习一些基本语法,可参考:个人博客-markdown语法笔记

    然后可以使用简书的实时预览进行写作,效果如下:

    写完后保存成.md格式放在source文件夹下的_post文件夹里。
    然后

    hexo g
    
    hexo s
    

    查看满意后上传,就可以在网站上看到了。

    hexo d
    

    其他写作技巧可参考:博客-使用jekyll主题创建的第四部分和第五部分。

    绑定域名

    购买域名

    阿里云购买域名.

    CNAME

    在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是visugar.com,只能添加一个哦。

    解析域名

    在阿里云域名管理里解析域名。

    其中,记录值可以使用ip地址查询工具输入仓库地址来获取。

    ubuntu下安装hexo

    安装Nodejs 6.16.0

    curl -sL [https://deb.nodesource.com/setup_6.x](https://deb.nodesource.com/setup_6.x) | sudo -E bash -
    
    sudo apt-get install -y nodejs
    

    安装npm

    sudo apt-get install npm
    

    安装hexo

    sudo npm install hexo-cli -g
    

    设置git

    git config --global user.email "you@example.com"
    git config --global user.name "Your Name"
    

    设置SSH秘钥

    验证有没有SSH秘钥

    less ~/.ssh/id_rsa.pub
    

    如果没有秘钥,添加秘钥

    ssh-keygen -t rsa -C example@163.com
    

    三次回车
    查看秘钥

    less ~/.ssh/id_rsa.pub
    

    复制秘钥
    到github的setting-SSH and GPG keys中添加刚刚复制的秘钥
    OK!

    在MACOS下安装

    安装环境

    首先检查时候安装了git和node.js,终端输入以下命令:

    node -v #是否出现安装版本信息,出现说明已经安装了
    git --version #同上述情况
    

    如果没有安装,则进行安装,都可以通过直接下载安装测序进行安装,这里不演示,提供下载网址:
    [git]: https://sourceforge.net/projects/git-osx-installer/
    [node.js]: https://nodejs.org/en/
    如果已经安装好了上述的软件,那么可以安装hexo,然后等待安装成功即可。

    sudo npm install -g hexo-cli
    

    设置git

    git config --global user.email "you@example.com"
    git config --global user.name "Your Name"
    

    设置SSH秘钥

    验证有没有SSH秘钥

    less ~/.ssh/id_rsa.pub
    

    如果没有秘钥,添加秘钥

    ssh-keygen -t rsa -C example@163.com
    

    三次回车
    查看秘钥

    less ~/.ssh/id_rsa.pub
    

    复制秘钥
    到github的setting-SSH and GPG keys中添加刚刚复制的秘钥
    OK!

    参考链接:
    https://www.cnblogs.com/visugar/p/6821777.html
    https://www.cnblogs.com/zhaoyu1995/p/6239950.html

  • 相关阅读:
    SQL Server -使用表触发器记录表插入,更新,删除行数
    利用DataSet部分功能实现网站登录
    SQL Server排序的时候使null值排在最后
    大数据操作:删除和去重
    C#匿名类型序列化、反序列化
    Js调用asp.net后台代码
    C# Excel
    ajax的介绍
    MySQL数据库的知识总结
    ASP.NET MVC 入门系列教程
  • 原文地址:https://www.cnblogs.com/chendeqiang/p/12861492.html
Copyright © 2011-2022 走看看