Warning: Illegal string offset 'download' in /www/wwwroot/www.oilcn.net.cn/wp-content/themes/wpzt-hot/template-parts/single/single-pc.php on line 4

个人网站源码下载后怎么安装(个人qq业务网站源码)

22次
2021-06-23

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第1张

前言

啊啊啊~~~ ,经过差不多一天的持续摸索优化,个人博客算是初步完成了,现在自己看的疗效还是十分不错的。这篇文章就是讲我如何搭建一个那样的博客的。早在17年的时侯就用hexo 结合github搭建过个人博客,但是那时候还很年青,也没有维护,后面就废黜了。18年的时侯又一时盛行搭建了一个。比17年的时侯耐看些,但是没有哪些访问量,可能没有做seo 优化,也没有维护多长时间就放着了,前几天起来看,界面显示都还正常,就是内容很幼稚了。所以时隔一年,我胡汉三又回去了。痛下决心,把整体的博客都搭建好了,包含界面渲染,RSS,评论系统,站内搜索,seo 优化等等。现在使我们开始吧。博客传送门:coding:

github:

最终疗效

我们先来瞧瞧疗效吧,这样对大家或许更有吸引力,更有动力搭建一个属于自己的bolg 啦。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第2张

主页面是这么的,包含首页、标签、分类、归档、关于、互动、搜索、还有一侧的主页。最喜欢标签这一页,可以看出整个网站对哪一类的文章写的比较多。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第3张

还可以通过标签找到对应的文章。还有就就是下划线的网站统计,页面访问数量跟访问量的统计。已经整个站点博文的字数。这些坚信都是自建博主们最关心的。我只是最关心这部份哈哈,毕竟访问量跟数量起来了就有持续更新的动力啦。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第4张

打赏功能,已经版权声明,还有侧边的文章目录只是超酷的。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第5张

评论功能,这个评论只是很给力的吧,增加了博主跟读者之间的交流。和评论类似也有一个,就是网站右下角那种类似陌陌字体的那种,那个只是可以直接跟博主勾通的哟,不赖吧。这些也是网站的一部分功能,其他的就不说了,开始动手吧

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第6张

环境打算 安装git:起步-安装-Git安装git 之后又配置用户名跟邮箱个人网站源码下载后怎么安装,和github 一致

#全局配置用户名git config --global user.name "nameVal"#全局配置邮箱git config --global user.email "eamil@qq.com"

安装node.js:这两个不管你linux 还是windows 都非常好安装,网上关键字搜索一下,有官方教程。注册github登陆帐号:创建好跟用户名一样的项目

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第7张

注册coding登陆帐号:也是一样的,创建一个跟名称相似的项目。这里说一下为何要用coding,其实不用也可以,coding 和github 的作用一样的,都是作为pages 以及使用它们的域名。不同的是github 是美国的,而coding 是国外的。github搭建的博客不容易被百度检索至,而coding 可以。大家可以按照个人偏好选择吧。这里我是两个都用了,反正就多一条配置。 配置密钥

$ cd ~$ ssh-keygen -t rsa -C "your_email@youremail.com"

将生成的密钥配置至github 和coding 上就好了

安装hexo

安装好git 和node 之后,安装hexo 就很方便

npm install hexo-cli -g

随后我们争创一个blog 文件夹,用来储存我们的blog.

cd bloghexo initnpm install

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第8张

这样基本的框架就早已搭建好了,可以启动看下疗效

hexo clean //清缓存hexo g //编译hexo s //本地运行hexo d // 上传到github 或者coding 

主题选择

在搭建好框架以后,现在其实是找一个自己喜欢的主题啦,我个人比较喜欢next ,然后就在网上找了一个next 主题,功能配置基本都有了,我就是参照这个大鳄的配置进来的。

配置:

将那位大鳄的主题下载出来后,放到我们自己的主题中去就好了。常见的更改根据那位大鳄提示的更改就可以。

保存源码

好了,主题跟框架都有了,那接下来虽然写博客公布就好了,其实后面的我前两年走到这里了,所以上面没有太细的讲。但是有一些基础的人应当都可以做到,如果不行,可以通过我提及的关键字搜索也可以在网上找到详尽的教程。为什么此次又要再次搭建,因为之前没有保存源码,导致github 上只存了pages 的代码。没有保存源码,所以假如源码丢了就得再次搭建了。所以此次学聪敏了晓得保存源码,不管是换笔记本还是何种的,做号备份就不怕了。我这儿讲源码保存在github 上,我们在github项目项目上争创一个分支 save,用来保存源码。master 分支拿来pages页面展示。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第9张

将争创的save 分支设置为默认分支。

然后在本地clone 项目。进入项目

git add .git commit -m "your description"git push origin save

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第10张

我们 _config.yml 配置是递交至 master 分支

 deploy: type: git repository:  github: git@github.com:QuellanAn/QuellanAn.github.io.git coding: git@git.dev.tencent.com:quellanan/QuellanAn.git branch: master

现在开始,之后的操作就简略了。想要编译公布就

 hexo clean  hexo g hexo d

保存至github就

git pull git add .git statusgit commint -m "description"git push origin save

我博文的源码地址:

这些都是我早已配置好了,你们可以直接clone出来,进入 blog 文件夹之后进行运行更改就可以了。所以我旁边都讲的比较简略。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第11张

SEO

现在我们博客早已建好了,我们要新增博客的话在source / _posts 目录下提高就好了。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第12张

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第13张

但是我们今天面临的一个问题是,我们的博客没有访问量如何办,不能通过微软搜索跟百度搜索搜索至,而是还要直接通过键入精确的网址进行访问,这样肯定是不利于我们提高博客浏览量的。所以我们还要将我们的网址添加至百度跟微软搜索中。

谷歌:

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第14张

将下载的html 放到public 文件夹下。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第15张

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第16张

然后

hexo ghexo d

发布至我们的网站上。然后进行验证就可以验证通过。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第17张

这个验证以后,我们再递交站点地图。站点地图我都配置好了,如果大家用我的模板的话,直接在网站站点地图递交就好了

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第18张

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第19张

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第20张

这样过段时间微软能够搜索至你的博客啦。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第21张

百度递交站点:

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第22张

添加网站,验证方式跟google 是一样的,都用html 文件验证就好了验证完成以后,点击Robots,检测并更新。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第23张

我的模板上面早已配置好了。可以直接测量至。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第24张

虽然我做了很多,但是似乎百度还没有搜录,还得再等一天再瞧瞧。

个人网站源码下载后怎么安装(个人qq业务网站源码) (https://www.oilcn.net.cn/) 综合教程 第25张

番外

好了,到此为止,个人博客搭建就至这这儿了,大家假如也想要搭建一个自己的博客,可以把文中说的打算工作做好,然后自己下载我的源码来用,把信息更改成自己的就好了。有哪些不懂了可以及时加我陌陌勾通。因为我模板里,我的博文手稿都在上面,所以诸位用的时侯记得删除,或者记得标记为转载感谢

可能讲的内容不够具体,没有细节没有提到,对小白不太友好,但是考虑到虽然网上有很多具体的教程个人网站源码下载后怎么安装,我这儿就把我觉得重要的讲了下来,希望对你们有帮助。

后续加油

END

发表评论