博客 搭建(博客园搭建自己博客)_世界未解之谜

博客 搭建(博客园搭建自己博客)

未解之谜 2023-05-01 10:04www.bnfh.cn世界未解之谜

博客 搭建(博客园搭建自己博客),本文通过数据整理汇集了博客 搭建(博客园搭建自己博客)相关信息,下面一起看看。

温馨提示本文已超过84天未更新。请注意相关内容是否还有!

建立自己的博客(最简单的个人博客网站)。我成立了 学习交流群,以“分享、讨论、学习、资源共享、就业机会、互联网推送、共同进步”为宗旨!有兴趣可以加,或者加我 ~ 群1002821945; 编号498073774;

前言和大多数建立个人博客的博主一样,我建立个人博客的主要原因是不想受制于各大内容分享平台,怕有一天被人指控“莫须有”,自己辛辛苦苦写的内容全部付之一炬。

关于建立一个个人博客,我已经在心里计划了很久了!- more -一直在两个选项之间徘徊,

从底层搭建、注册域名、备案全流程做起;使用一些免费的托管平台和成熟的博客管理系统;最终我选择了后者,原因如下

易于设置、操作和管理,界面简单、自由、美观。

目前有很多优秀的博客管理系统,如WordPress、Halo、hexo等。经过反复比较,我选择了Github Page hexo来搭建我的个人主页。虽然看起来只涉及到两个工具或者平台,要建立一个完整的个人博客,要做的事情远不止这些,要考虑以下内容。

Hexo吧评论功能分享功能访问RSS链接.....................

域名-github页面为了让别人能够访问我们的个人博客,我们需要有一个域名。我们可以自己申请并备案域名,然后购买并部署到相应的服务器上。,对于入门级来说,这显然是繁琐的,需要一定的资金。,我们可以使用GitHub Pages来托管我们的静态网页,这样我们就可以得到一个名为 .github.io的域名。

注册Github页面的流程如下

第一步注册你的Github账户

,打开链接https://github./join? Source=header-home,注册你的github账号,然后登录github。

步骤2:创建github仓库

点击右上角的“”,选择Ne repository,填写Repository name,即可以直接访问的域名,然后点击create repository。

到目前为止,我们已经创建了github页面。

博客管理工具-hexohexo是一个轻量级的博客管理系统。这里需要注意的是,hexo是一个管理系统,负责新建、部署等博客管理。如果你用过git做版本控制,应该很容易理解。可以比作git,可以生成静态网页,通过一些命令推送到远程仓库。

Hexo装置

因为hexo是基于node.js ,所以你需要提前安装node和http://nodejs./donload/才能关注hexo。

$ npm install -g hexo-clihexo初始化

安装hexo后,需要初始化hexo。需要新建一个文件夹,进入新文件夹后再初始化。

$ mkdir hexo$ cd hexo$ hexo init然后安装一些依赖包,

$ npm install最终可以获得以下目录,

关于文章分类标签主题包含与博客主题相关的内容,默认主题为风景。

Hexo使用

如前所述,hexo实际上类似于git,它可以通过一些命令生成和部署静态网页。我们在维护博客的过程中主要使用以下命令。

$ hexo n blogname?#创建一篇新文章,例如hexo n ComputerScience$ hexo clean?#清除缓存文件$ hexo g?#生成一个静态文件$ hexo s?#启动本地服务器,预览网页$ hexo d?#将文件部署到指定的仓库。记住上面的命令,进行日常的个人博客维护。

主题-下一步经过前面的配置,可以通过hexo s启动本地服务器http://localhost:4000/,在浏览器中打开,预览网站。

hexo默认的主题是风景,我们可以修改成自己喜欢的主题。目前hexo中有很多自适应主题,其中下一个主题是本文常用和推荐的。

一个hexo主题的好坏,不仅取决于它的界面,还取决于后期是否需要扩展必要的功能。下一个主题比较成熟,可以轻松配置Google和百度搜索。,它还可以轻松添加标题栏、阅读量等功能。下面来看看下一个主题的配置。

克隆下一个主题

,您需要将下一个主题克隆到博客的主题路径中,

$ CD hexo $克隆https://github./theme-next/hexo-theme-next主题/下一个,这样在~/hexo/主题路径中就会有下一个文件夹。

修改配置文件

克隆下一个主题后,需要修改博客根目录下的_config.yml文件,找到主题字段,修改为next。

# Extensions # # plugins:https://hexo.io/plugins/##主题https://hexo.io/themes/theme:接下来修改主题风格

下一个主题包含多种风格,我们可以根据自己的喜好进行修改。修改过的样式的文件在~/hexo/themes的路径下,名字是_ config.yml,需要注意的是这和前面提到的不是同一个文件。前面的配置文件是博客管理系统Hexo的配置文件,这里是主题的配置文件。

# schemes # scheme:musescheme:mist # scheme:双鱼座# scheme:双子座必备功能通过前面的配置,我们已经完成了个人主页“骨架”部分的搭建。如下打开预览页面,

可以看到博客到目前为止还是比较干净的,很多必备的功能都没有,比如菜单栏不全,没有搜索框。除此之外,没有评论、阅读、友情链接等重要功能。下面简单介绍一下这些功能的配置过程。

注意以上配置后,博客路径和主题路径下分别有一个config.yml文件。后面提到的站点配置文件是指博客根目录下的config.yml,主题配置文件是指themes/_ config.yml。

菜单栏

打开主题目录下的配置文件themes/_config.yml,找到菜单字段,修改菜单栏。

菜单home:/| | home # about:/about/| | user # tags:/tags/| | tags # categories:/categories/| | th archives:/archives/| | archive # Schedule:/Schedule/| | calendar # sitemap:/sitemap . XML | | | sitemap # Commonealth:/404/| | heart beat,其中about是about,tags是tags,其他站点之类的可以根据自己的喜好添加。

搜索框

搜索框是博客的重要组成部分。当更新的文章数量逐渐增多时,为了方便访问者阅读或快速定位目标文章,我们需要给它添加一个搜索功能。hexo通过以下方式添加搜索框。

安装hexo-generator-search,

$ npm安装hexo-generator-search-save然后,在站点配置文件中添加以下内容,

搜索路径/public/search . XML field:postform:html limit:10000,将主题配置文件local_search下的enable改为true,

local_search: enable: true #如果是auto,则通过更改输入来触发搜索。#如果是手动,按回车键或搜索按钮触发搜索。触发器auto #显示每篇文章的前n个结果,通过将-1 _ n _ per _ article:1 # unescape HTML字符串设置为readableone来显示结果。unescape: false #在页面加载时预加载搜索数据。预载假。修改后,重新生成静态网页。预览一下就好。

到目前为止,应该可以看到博客的名字是hexo,没有作者和网站的描述信息。,网页上显示的语言是英语。我们可以通过修改站点配置文件把它改成英文,修改博客标题,描述,作者信息,

标题平凡而富有诗意副标题jackpop描述原创技术分享网站关键词作者jackpop语言zh-Hans访问量和阅读量

而访问量和文章阅读量是我们了解文章受欢迎程度最直接的方式。所以访问量和阅读量也是一个完整博客不可或缺的一部分。如果使用其他主题,则需要一些脚本配置方法来增加博客的访问量。但如果使用下一个主题,就不需要这些繁琐的步骤了,这也对应了前面的一句话——评价一个主题,不仅要看它的美,更要看它的完美和力度。下一个主题是计算大蒜种子的功能。我们只需要修改主题配置文件,将busuanzi_count下的enable从false改为true。

Busan zi _ count:enable:true ment函数

评论是博客的一个非常重要的功能。目前有很多知名的博客评论插件,比如大家熟知的Chatter、Libeli、valine等。在这里,我还是推荐缬氨酸,因为它的界面比较简洁,访客不需要注册登录就可以评论,对访客比较友好。

由于评论内容消耗存储资源,需要先注册LeanCloud获取存储引擎,然后复制appid和appkey,再打开主题配置文件。

valine:enable:true appid:Ikslsdjflsjdnclskdfjlskdklalla #您的leancloud应用appid appkey:kokk al 09 kks mcss lla #您的leancloud应用appkey notify:false # mail notifier,https://github./xCss/Valine/iki verify:false # verification code placeholder:请在此输入您的消息# ment box placeholder avatar:mm # Gravatar style guest _ info:nick,mail,link # custom ment header pagesize:10 #分页大小,准备好后重新生成。预览一下,可以看到以下效果。

共享功能

看到一篇好文章,想分享给其他同学,该怎么办?这时候就需要有一个有分享功能的博客。强大的Next主题集成了百度分享功能,百度分享不支持https。如果想正常使用,还需要更多的配置。

,修改主题配置文件,

#百度分享#可用价值#?Button | slide #警告baidushare不支持https。百度份额类型按钮百度份额true将百度份额更改为true。

然后为了解决百度分享不支持https的问题,需要进一步修改。,访问下面的链接。

https://github./hrhisper/baiduShare

将静态文件夹下载到themes\next\source目录,

,修改文件themes \ next \ layout _ parties \ share \ Baidu share . sig并修改一段代码。

修改前src=' http://BD img . share . Baidu . /static/API/js/share . js?v=89860593.js?cdn version=' ~(-ne Date()/36e 5)];修改后src='/static/api/js/share.js?v=89860593.js?cdn version=' ~(-ne Date()/36e 5)];简易资讯聚合

RSS(Really Simple Syndication)是一种简单的信息聚合方式,也是一种常见的信息订阅方式。,对于我来说,这个功能很少用到。如果我觉得有必要,我可以配置。下面简单介绍一下如何配置RSS。

,安装RSS订阅插件,

$ npm安装hexo-生成器-feed-保存,修改站点配置文件,

插件- hexo-generator-feed?# feedatomfeed:type:atom path:atom . XML limit:20,修改主题配置文件并添加以下字段,

Rss: /atom.xml社交和友谊链接

在我们的博客中,有时我们需要添加github、知乎、易信等社交工具的链接,以及一些其他网站的友情链接。以下是如何添加社交和友谊链接。

,打开主题简介,搜索社交,配置社交链接,

社交GitHub:https://github./Jackpopc | | GitHub邮箱mailto:498073774@qq. | |信封zhi Hu:https://.zhihu./people/sharetechlee | |图书专栏https://zhuanlan.zhihu./sharetechlee | |编辑然后,搜索博客卷配置友情链接

# blog rolls links _ icon:linklinks _ title:linklinks _ layout:block # links _ layout:inline links:title:http://example./福利

我在微信官方账号分享了与Python、机器学习、计算机视觉、强化学习等领域相关的学习资源和电子文档。,还编制了一些高效实用的工具。如有需要可关注微信官方账号【平凡而诗意】回复相应关键词即可获得~

更多博客 搭建(博客园搭建自己博客)相关信息请关注本站,本文仅仅做为展示!

Copyright © 2016-2025 www.bnfh.cn 怪异网 版权所有 Power by