zoukankan      html  css  js  c++  java
  • 《个人博客搭建(1)》

    个人博客——搭建(1)

    黑小子-余

    整体思路:
    1、安装Git 2、安装Node.js 3、安装Hexo 4、GitHub创建个人仓库 5、生成SSH添加到GitHub 6、将hexo部署到GitHub 7、设置个人域名 8、发布文章

    一、git安装(windows)

    官网下载:->点击<-

    (1)进入官网。

     

    (2)点击即可出来下载窗口。

    (3)点击安装程序 ,教程请点击。安装教程:->点击<-

    git --version     --查看git版本

    (4)生成SSH添加到GitHub。回到git bash中。

    --yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱
    git config --global user.name "yourname" git config --global user.email "youremail" --检查一下你有没有输对 git config user.name git config user.email --创建SSH,一路回车 ssh-keygen -t rsa -C "youremail"

    (5)这个时候它会告诉你已经生成了.gitconfig配置文件 和 .ssh的文件夹。在你的电脑中找到 .ssh 这个文件夹。

    ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

    点击用户头像->settings->SSH and GPG keys ->New SSH key
    
    将id_rsa.pub中的内容复制到key->文本框中,然后点击Add SSH key(添加SSH)按钮,Title为标题,任意填即可。

    ssh添加成功

     

    (6)在Git Bash中检测GitHub公钥设置是否成功,输入 :

    ssh -T git@github.com         --选择 yes

     此时回到ssh目录可以看到,多了一个文件,git大功告成。

    二、nodejs安装

    官网下载:->点击<-

    (1)当前13.11.0最新版本,点击。

    (2)点击运行程序。

    (3)默认,next下一步。

    (4)next下一步。

    (5)位置选择后,静待安装程序完毕即可。

     

    (6)检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path"。

    (7)安装完后,打开命令行。检查一下有没有安装成功。nodejs大功告成。

    node -v
    npm -v

     

    Nodejs,卸载方法

    (1)双击程序运行

    (2)选择Remove,即可。

    (3)点击卸载。

     

    三、hexo安装

    1、在线安装,一步一步来。

    (1)可以建一个文件夹,cnblogs ,再建立子目录hexo,便于管理。

    (2)安装Hexo。输入命令:

    $ npm install -g hexo-cli

    hexo -v     --查看一下版本

     

    (3)始化Hexo ,在命令行(即Git Bash)依次运行以下命令即可:

    $ hexo init
    $ npm install
    $ hexo generate
    $ hexo server --开启服务

     

     

     

    (4)浏览器输入:  http:/localhost:4000/    看到如下表示搭建成功。

    (5)停止服务。按 Ctrl + C 

    2、Hexo目录文件简单解析

    
    
    ├── node_modules   --依赖包             执行 npm install 命令的时候生成
    ├── public         --存放生成的页面      执行 hexo generate命令的时候生成

    . ├── _config.yml
    --网站的配置信息,您可以在此配置大部分的参数 ├── package.json --应用程序信息 ├── scaffolds --模板文件夹,当您新建文章时,Hexo 会根据 scaffold 来建立文件。 ├── source --资源文件夹是存放用户资源的地方 | ├── _drafts -- | └── _posts -- └── themes --主题文件夹,Hexo 会根据主题来生成静态页面。

      

    (1)hexo 下的 _config.yml 配置。

    配置github项目连接
    deploy:
    type: git
    repository: https://github.com/ycs0403/ycs0403.github.io.git #你的github 个人博客项目的 地址
    branch: master

    (2)添加 在hexo 的 source 下 添加 CNAME ,默认带有.txt后缀,把它去掉,不要后缀。在里面写你的域名。

    (3)github仓库绑定你的域名,登录github。 进入你的个人博客项目仓库,选择 settings,往下滑动。

    (4)以上配置完毕后,基本快结束了,现在开始部署,准备上传项目:需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

     git部署: npm install hexo-deployer-git --save

     

    (5)依次执行如下命令:

    $ hexo clean             --清除了你之前生成的东西,也可以不加
    $ hexo generate          --生成静态文章,可以用 hexo g缩写
    $ hexo deploy            --部署文章,可以用hexo d缩写



    $ clear --git板上命令眼花缭乱,清除,可用可无

     

    (7)访问一下:https://ycs0403.github.io/     

    http://yourname.github.io     浏览器输入这个网站可以看到你的博客!!(yourname换成你的仓库名称哦!)

    以下是我的博客:https://www.yuchangsheng.top/

     

    Hexo,卸载方法

    (1)找到你的hexo安装目录。

    (2)简单粗暴,直接删除整个文件。

    四、创建github仓库

    1、注册或登录github官网 >点击<

     

    2、创建github仓库

    (1)进入主页面。

    (2)新建的仓库名和你的git用户名一致。

     

    (3)github仓库绑定你的域名,登录github。 进入你的个人博客项目仓库,选择 settings,往下滑动。

    (4)这一步在配置Hexo已经进行过了,往上翻。

    进入本地博客文件夹 ,进入hexo/source目录下,创建一个记事本文件,输入你的域名,对,只要写进你自己的域名即可。如果带有www,那么以后访问的时候必须带有www完整的域名才可以访问,但如果不带有www,以后访问的时候带不带www都可以访问。所以建议,不要带有www。这里我还是写了www(不建议带有www)

    (5)github 配置完毕。开始购买域名,然后上传。

    五、购买域名

    1、阿里云官网:->点击<-

     

    2、域名解析。

    (1)cmd命令查看仓库的ip,复制ip。

    ping ycs0403.github.io   -ping 仓库地址

      

    (2)进入域名控制台。

     

    3、域名解析后进行修改。

    (1)选择主机记录为 www 的,修改它的记录类型和记录值。 提示:这里你不修改,github仓库那边也会提示,我忽略了提示的那部分,因为没有必要,所以抄近路。

    4、阿里云域名配置完毕。

     

    总结:文章很长,可能比较乏味,不过我都经过实践的,看到这里,我相信,你已经对怎么做个人博客有了一个初步的了解,其实了解它,学习他并不难,只是一个过程,需要最初自己的理解,长久坚持。我最初写博客,也只是想对自己的理解做一个记录,如果本文有不合格的地方,可以指正,三人行,必有我师,哪里有问题可以私我!

     

     后续更新。。。

    qq:2931445528

    -----------------------------------------------------------END----------------------------------------------------------------

    只有那些疯狂到相信自己能够改变世界的人,才能改变世界!
  • 相关阅读:
    Redis五种数据类型操作命令
    MySQL单表数据量过千万,采坑优化记录,完美解决方案
    并行的执行效率一定高于串行吗?(多线程的执行效率一定高于单线程吗?)
    Swagger2安装及使用
    MySQL单表多次查询和多表联合查询,哪个效率高?
    Java集合时间复杂度
    JAVA中常见集合的扩容
    ant design vue 之 rowKey浏览器报警告
    ant design vue中表格自带分页如何使用
    ant design vue 中表格的使用中,表格选中之后没有状态
  • 原文地址:https://www.cnblogs.com/ycs0403/p/12547008.html
Copyright © 2011-2022 走看看