手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
文章图片

前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客。
推荐理由:

  1. 免费:github提供gh-pages服务是免费的,有300MB空间;
  2. 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好。
  3. 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易。
需要了解的内容(能掌握更好):
  • html+css+javascript
  • git基本语法
  • markdown语法
  • nodejs
目前,在github上搭建博客系统使用最多就是Hexo和Jekyll。
Hexo是基于Nodejs开发的,Jekyll是基于Ruby开发的。
通过两个系统使用的比较,个人习惯喜欢Hexo,所以本文介绍的是Hexo搭建博客,如果你对Jekyll也有兴趣,可自行学习。
安装Git客户端
已安装过的用户略过
  1. 下载Git客户端:下载地址手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
    文章图片

  2. 安装Git客户端:Windows用户直接Next就可以了。Mac和Linxu系统的用户可通过命令方式安装,这里不详细介绍了。
注册GitHub
老手和已注册过的用户略过
  1. 打开GitHub官网:https://github.com/
  2. 填写注册信息进行注册操作:没有登录的用户打开网站首页就会显示注册的操作(如图所示),或者是点击Sign up按钮进入注册详情页。
    手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
    文章图片

  3. 填写好注册信息,点击Sign up for GitHub(注册)按钮后,接下来是选择协议部分。根据自己的情况选择相关的协议,一般人选的都是免费的那一项。
创建仓库
  1. 登录github账号:在github首页点击Sign in按钮进入登录页面。填写用户名或邮箱和密码,点击Sign in按钮登录。
    手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
    文章图片

  2. 点击创建仓库:点击在登录的用户图像左边的+号和下三角符号按钮。
    手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
    文章图片

  3. 填写创建仓库信息:
    仓库名称必须是用户名.github.io(别问我为什么,人家就是这样规定的),比如我的用户名是SeayXu,就是SeayXu.github.io。
手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
文章图片

  1. 填写好相关信息,点击Create repository(创建仓库)按钮。
配置SSH
老手和已配置过的用户略过
  1. 打开Git Bash终端:在桌面右键,会出现"Git Bash here"的选项,点击即可。
  2. 设置user name和email:
$ git config --global user.name "你的GitHub用户名" $ git config --global user.email "你的GitHub注册邮箱"

  1. 生成ssh密钥:输入下面命令
$ ssh-keygen -t rsa -C "你的GitHub注册邮箱"

一般情况下是不需要密码的,所以,接下来直接回车就好。
此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsa和id_rsa.pub。
注:id_rsa文件是私钥,要妥善保管,id_rsa.pub是公钥文件。
  1. 添加公钥到github:
    点击用户头像,然后点击显示的Settings(设置)选项;
手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
文章图片

在用户设置栏,点击SSH and GPG keys选项,然后点击New SSH key(新建SSH)按钮;
手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
文章图片

将id_rsa.pub中的内容复制到Key文本框中,然后点击Add SSH key(添加SSH)按钮;
手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
文章图片

  1. 测试SSH:
$ ssh -T git@github.com

接下来会出来下面的确认信息:
The authenticity of host 'github.com (207.97.227.239)' can't be established. RSA key fingerprint is 17:24:ac:a5:76:28:24:36:62:1b:36:4d:eb:df:a6:45. Are you sure you want to continue connecting (yes/no)?

输入yes后回车。
然后显示如下信息则OK(其中的SeayXu是用户名)。
Hi SeayXu! You've successfully authenticated, but GitHub does not provide shell access.

以上是准备工作。
创建本地仓库 打开Git Bash终端,等待执行命令。
  1. 新建仓库文件夹:这里就取名为blog。
$ mkdir blog

  1. 进入到blog文件夹:
$ cd blog # 切换到blog目录

初探Hexo
如果没有安装Nodejs,请先安装Nodejs,Nodejs官网;
以下操作是在blog文件夹中。
  1. 安装Hexo
$ npm install hexo-cli -g

hexo全局安装一次就够了,后面可以直接使用hexo相关的操作。
  1. 初始化Hexo
$ hexo init

  1. 安装依赖
$ npm install

  1. 启动Hexo
$ hexo server

启动之后,打开浏览器,在地址栏输入:http://localhost:4000,你会看到Hexo的示例页面。
注:此时可以初始化git本地仓库了,或者是等本地博客搭建好之后也可以。
再探Hexo
  1. 新建文章:
$ hexo new </code></blockquote><br /> 此时在source_posts文件夹中便会多出一个文档"title.md".<br>如果要删除,直接在此文件夹下删除对应的文件即可。<br /> <ol> <li>生成静态页面<br /> </li> </ol> <blockquote><code>$ hexo generate</code></blockquote><br /> 生成的静态内容在public文件夹内。<br /> <ol> <li>清除生成内容<br /> </li> </ol> <blockquote><code>$ hexo clean</code></blockquote><br /> 执行此操作会删除public文件夹中的内容。<br /> <ol> <li>部署Hexo<br /> </li> </ol> <blockquote><code>$ hexo deploy</code></blockquote><br /> 该操作会将hexo生成的静态内容部署到配置的仓库中,请看下面介绍。<br /> 部署Hexo <ol> <li>编辑配置文件,关联远程仓库:<br>在编辑器中打开Hexo配置文件_config.yml,找到下面内容:<br /> </li> </ol> <blockquote><code># Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type:</code></blockquote><br /> 添加github仓库信息:<br /> <blockquote><code># Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: git@github.com:SeayXu/seayxu.github.io.git #github仓库地址 branch: master # github分支</code></blockquote><br /> <blockquote> 注意:type、repo、branch的前面有两个空格,后面的:后面有一个空格<br /> </blockquote> <ol> <li>安装git插件<br /> </li> </ol> <blockquote><code>npm install hexo-deployer-git --save</code></blockquote><br /> <blockquote> 如果没有安装git插件,会有错误提示,安装后重新部署就可以了。<br /> </blockquote> <ol> <li>部署<br /> </li> </ol> <blockquote><code>$ hexo deploy</code></blockquote><br /> 如果没有意外,部署就成功了,可以打开 http://<用户名>.github.io 查看。<br /> hexo命令缩写<br /> <blockquote> <ul> <li>hexo g:hexo generate<br /> </li> <li>hexo c:hexo clean<br /> </li> <li>hexo s:hexo server<br /> </li> <li>hexo d:hexo deploy<br /> </li> </ul> </blockquote> hexo命令组合<br /> <blockquote> hexo clean && hexo g -s,就是清除、生成、启动<br>hexo clean && hexo g -d,就是清除、生成、部署<br /> </blockquote> 本文简单介绍Hexo的部署,接下来的文章会介绍Hexo的相关配置。<br /> <blockquote> <img alt="手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置" onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/f41b6545b38d49a99a4d568728004edf.jpg"/> <br /> 文章图片 <br /> <br>【Hexo博客交流群】<br>群号:582271078<br /> </blockquote> <strong>【手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置】</strong>原文:手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置<br /> </p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2034434.html" title="高铁能带打火机吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="高铁能带打火机吗" src="http://img.readke.com/230511/1R61a2a-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2034434.html"> <b>高铁能带打火机吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1210688.html" title="子宫肌瘤症状 女人脸上长出它当心子宫不保"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="子宫肌瘤症状 女人脸上长出它当心子宫不保" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1210688.html"> <b>子宫肌瘤症状 女人脸上长出它当心子宫不保 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1593286.html" title="小苏打洗鞋是泡还是刷"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="小苏打洗鞋是泡还是刷" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1593286.html"> <b>小苏打洗鞋是泡还是刷 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1348237.html" title="荣耀10怎样开后盖"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="荣耀10怎样开后盖" src="http://img.readke.com/230330/022004LE-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1348237.html"> <b>荣耀10怎样开后盖 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1746597.html" title="煮熟桃子可以存放多久 熟桃子如何保存时间长"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="煮熟桃子可以存放多久 熟桃子如何保存时间长" src="http://img.readke.com/230424/035953C34-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1746597.html"> <b>煮熟桃子可以存放多久 熟桃子如何保存时间长 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2098395.html" title="签了三方协议没去什么后果"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="签了三方协议没去什么后果" src="http://img.readke.com/230516/011115HX-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2098395.html"> <b>签了三方协议没去什么后果 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2181479.html" title="珠海口岸有几个关口 珠海口岸有几个?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="珠海口岸有几个关口 珠海口岸有几个?" src="http://img.readke.com/230522/025SWN2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2181479.html"> <b>珠海口岸有几个关口 珠海口岸有几个? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4141792.html" title="保定住房公积金怎么提取出来?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="保定住房公积金怎么提取出来?" src="http://img.readke.com/240211/0101105W1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4141792.html"> <b>保定住房公积金怎么提取出来? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1167481.html" title="马头琴是哪个民族的乐器"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="马头琴是哪个民族的乐器" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1167481.html"> <b>马头琴是哪个民族的乐器 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3170674.html" title="鲁大师卸载不了怎么处理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鲁大师卸载不了怎么处理" src="http://img.readke.com/230920/0236356418-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3170674.html"> <b>鲁大师卸载不了怎么处理 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1161073.html" title="第九大陆职业包括哪些"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="第九大陆职业包括哪些" src="http://img.readke.com/230226/1T3001O7-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1161073.html"> <b>第九大陆职业包括哪些 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2733105.html" title="做短视频用什么软件最好,不同类型等你来选"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="做短视频用什么软件最好,不同类型等你来选" src="http://img.readke.com/230715/0605122359-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2733105.html"> <b>做短视频用什么软件最好,不同类型等你来选 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3932064.html" title="pdf文件"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="pdf文件" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3932064.html"> <b>pdf文件 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1755008.html" title="青汁喝多了有什么副作用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="青汁喝多了有什么副作用" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1755008.html"> <b>青汁喝多了有什么副作用 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z2131H22021.html" title="用通俗易懂的故事解读疾病_一辈子你都不会得大病_不信你就看看这几个故事!"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="用通俗易懂的故事解读疾病_一辈子你都不会得大病_不信你就看看这几个故事!" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0Z2131H22021.html"> <b>用通俗易懂的故事解读疾病_一辈子你都不会得大病_不信你就看看这几个故事! </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/12233N4162021.html" title="Verizon狂裁44000名老员工(中年人,愿您的能力和年龄一起增长)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Verizon狂裁44000名老员工(中年人,愿您的能力和年龄一起增长)" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/12233N4162021.html"> <b>Verizon狂裁44000名老员工(中年人,愿您的能力和年龄一起增长) </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3000839.html" title="自动挡车换挡拨片有什么作用 换挡拨片对自动挡有用吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="自动挡车换挡拨片有什么作用 换挡拨片对自动挡有用吗" src="http://img.readke.com/230815/0133092521-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3000839.html"> <b>自动挡车换挡拨片有什么作用 换挡拨片对自动挡有用吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4181865.html" title="mysql集群版需要几台服务器 mysql服务器群集"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mysql集群版需要几台服务器 mysql服务器群集" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4181865.html"> <b>mysql集群版需要几台服务器 mysql服务器群集 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1360993.html" title="昭平银杉茶怎么样"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="昭平银杉茶怎么样" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1360993.html"> <b>昭平银杉茶怎么样 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1485352.html" title="全面战争战锤2伊姆瑞克怎么破局 全面战争战锤2伊姆瑞克破局"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="全面战争战锤2伊姆瑞克怎么破局 全面战争战锤2伊姆瑞克破局" src="http://img.readke.com/230409/220Pa1H-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1485352.html"> <b>全面战争战锤2伊姆瑞克怎么破局 全面战争战锤2伊姆瑞克破局 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/021T5L362022.html" title="慢慢的美丽" target="_blank">慢慢的美丽 </a></li> <li><a href="/c/021T5L312022.html" title="Docker应用:容器间通信与Mariadb数据库主从复制" target="_blank">Docker应用:容器间通信与Mariadb数据库主从复制 </a></li> <li><a href="/c/021T5L132022.html" title="一个人的碎碎念" target="_blank">一个人的碎碎念 </a></li> <li><a href="/c/021T5Kc2022.html" title="遇到一哭二闹三打滚的孩子,怎么办┃山伯教育" target="_blank">遇到一哭二闹三打滚的孩子,怎么办┃山伯教育 </a></li> <li><a href="/c/021T5KX2022.html" title="2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]" target="_blank">2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程] </a></li> <li><a href="/c/021T5K622022.html" title="我从来不做坏事" target="_blank">我从来不做坏事 </a></li> <li><a href="/c/021T5J542022.html" title="“成长”读书社群招募" target="_blank">“成长”读书社群招募 </a></li> <li><a href="/c/021T5J362022.html" title="石头巷;名垂青史的廉政教材" target="_blank">石头巷;名垂青史的廉政教材 </a></li> <li><a href="/c/021T5Ic2022.html" title="每日一话(49)——一位清华教授在朋友圈给大学生的9条建议" target="_blank">每日一话(49)——一位清华教授在朋友圈给大学生的9条建议 </a></li> <li><a href="/c/021T5I592022.html" title="从蓦然回首到花开在眼前,都是为了更好的明天。" target="_blank">从蓦然回首到花开在眼前,都是为了更好的明天。 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇:<a href='/c/12193G0142021.html'>[区块链]|[区块链] 拜占庭将军问题 [BFT]</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/12193G0162021.html'>【Python实战】Django建站笔记</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/100HHI22021.html" title="GO进阶训练营【完结】"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="GO进阶训练营【完结】" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/100HHI22021.html" title="GO进阶训练营【完结】">GO进阶训练营【完结】</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z3142XR021.html" title="真丝双绉是什么面料(九天娇告诉你真丝双绉是什么面料。)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="真丝双绉是什么面料(九天娇告诉你真丝双绉是什么面料。)" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z3142XR021.html" title="真丝双绉是什么面料(九天娇告诉你真丝双绉是什么面料。)">真丝双绉是什么面料(九天娇告诉你真丝双绉是什么面料。)</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09121cS02021.html" title="《她的头像是只猫》006"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《她的头像是只猫》006" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09121cS02021.html" title="《她的头像是只猫》006">《她的头像是只猫》006</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/091320C632021.html" title="刘敬叔孙通列传"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="刘敬叔孙通列传" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/091320C632021.html" title="刘敬叔孙通列传">刘敬叔孙通列传</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09101W5392021.html" title="穿越第三极|穿越第三极 Day 6"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="穿越第三极|穿越第三极 Day 6" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09101W5392021.html" title="穿越第三极|穿越第三极 Day 6">穿越第三极|穿越第三极 Day 6</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10052EH42021.html" title="【vue】Vue上的API"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="【vue】Vue上的API" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/10052EH42021.html" title="【vue】Vue上的API">【vue】Vue上的API</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/11293439542021.html" title="gRPC安装记录"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="gRPC安装记录" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/11293439542021.html" title="gRPC安装记录">gRPC安装记录</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0ZQK3562021.html" title="孩子太活泼被幼儿园劝退,父母心急求助专家,网友(这也是病())"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="孩子太活泼被幼儿园劝退,父母心急求助专家,网友(这也是病())" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0ZQK3562021.html" title="孩子太活泼被幼儿园劝退,父母心急求助专家,网友(这也是病())">孩子太活泼被幼儿园劝退,父母心急求助专家,网友(这也是病())</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z515L432021.html" title="以匠人之心教书"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="以匠人之心教书" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z515L432021.html" title="以匠人之心教书">以匠人之心教书</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10012609632021.html" title="if|if 语句"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="if|if 语句" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/10012609632021.html" title="if|if 语句">if|if 语句</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>