led论坛网站建设,python可以做网站前端,水网站建设,邵阳网站建设上科互联一、常见的博客框架介绍及优缺点分析#xff1a;
如果你想搭建自己的博客网站#xff0c;这篇文章可以为你提供一些搭建思路。目前的博客框架可以分为两大类#xff0c;第一类是使用动态网页技术的博客框架#xff0c;另一类是基于静态网页生成器的博客框架。
基于动态网…一、常见的博客框架介绍及优缺点分析
如果你想搭建自己的博客网站这篇文章可以为你提供一些搭建思路。目前的博客框架可以分为两大类第一类是使用动态网页技术的博客框架另一类是基于静态网页生成器的博客框架。
基于动态网页技术的博客框架具有代表性的是WordPress和Typecho对于这类框架来说个人博客只是它的功能之一它还可以作为商用网站的一种解决方案。这类框架更适合想要在互联网上建立自己的品牌和形象的企业和个人。
而基于静态网页技术的博客框架具有代表性的是Hexo、Jekyll和最近比较流行的用go语言开发的Hugo。这类框架并不需要云服务器的支持大概逻辑是这类框架先在本地生成网站代码在上传到GitHub或Git这类项目托管平台利用GitHub Pages这类功能托管生成的出来静态网站。
我目前使用的是notion搭建个人博客之前使用过Wordpress和Hexo。这篇文章将介绍Wordpress、Hexo、Notion以上三种的博客搭建方式。
优缺点分析
WordPress 优点 操作相对简单拥有丰富的插件和主题。 具有很高的扩展性适合做一些功能较为复杂的网站。 拥有后台管理界面可以实现用户注册等功能。 缺点 这类框架需要有云服务器的支持对云服务器本身的带宽有一定的要求随着博客内容的增多对带宽的要求只会越来越高。 主题偏商业化对于我来说我搭建博客的目的只是做知识分享所以网站想搞得花哨一点而Wordpress提供的主题不太符合我的想法。
Hexo 优点 拥有丰富的主题可以设置许多有趣的视觉效果插件 在GitHub上Hexo拥有强大的插件生态圈可以通过插件来满足很多的博客需求。 不需要云服务器这代表着不需要去维护云服务器的安全以及不必花时间去学习相关技术。 缺点 由于是静态生成的网站数据每次更新一篇博客需要在本地用md文件编辑好后上传至GitHub相对较麻烦。
下面展示以下我用wordpress和Hexo搭建出来的博客效果
Wordpress Hexo 二、网站搭建手册
域名购买
国内主要的购买域名网站无非就是腾讯云、阿里云、华为云随便找一个注册即可。
tips如果你使用的是Hexo等静态网页技术搭建的框架是可以不用买域名的GitHub提供了一个二级域名格式为https://用户名.github.io。
这里以腾讯云为例 进入购买网站在上图箭头指向处输入你想要注册的域名加入购物车后付款即可。这里注意的是顶级域名的选择.com域名价格较贵而且极有可能已经被注册可以选择.cn或者.net这类也还算常见的顶级域名。
WordPress网站搭建方法
首先是购买云服务器购买网站还是上面三个网站购买好后服务器创建实例时会询问你需要什么样的系统可以直接选择购买网站提供的WordPress镜像云服务器实例生成好后跟着指示操作即可 上图为阿里云所提供的WordPress操作手册
跟着操作手册做完就可以登陆网站的后台(后台地址为https://你的域名/wp-admin/index.php)进行后续主题的选择以及博客的撰写 Hexo搭建手册
hexo是一款基于Node.js的静态博客框架简单来说hexoGitHub搭建博客的原理就是利用hexo在本地生成网站的具体代码然后上传到github访问github提供的域名即可看到自己搭建的博客。利用hexo搭建博客可以玩出很多花哨的操作而且hexo有着丰富的主题可供选择其中大部分主题都可以根据访问的设备进行对应的界面显示。
1.基本工具与环境搭建
Node.js和Git
搭建博客之前需要先安装基本工具与环境首先是安装Node.js这个官网就可以安装建议下载后缀为msi的安装程序因为它可以自动添加环境变量然后就是Git(分布式版本控制系统)用于上传博客到GitHub。
node.js安装及环境配置超详细教程【Windows系统安装包方式】_nodejs安装及环境配置_普通网友的博客-CSDN博客blog.csdn.net/web18224617243/article/details/123191441
Git 详细安装教程详解 Git 安装过程的每一个步骤blog.csdn.net/mukes/article/details/115693833
验证安装的方式
node -v npm -v git --version 安装Hexo
进入cmd运行代码
npm install hexo-cli -g 验证安装 tips在之后写博客文章的时候使用的文件格式为markdown所以还需要下载一个markdown编辑器这里推荐使用Typora。
2.建立GitHub仓库
这一步就是在自己的GitHub中新建一个项目用以存储网站数据登陆GitHub账号后如下图点击新建(也可以选择右上角左边的加号按钮选择New repositories) 进入新建仓库页面后设置以下参数
仓库名账户名加github.io等之后网站搭建好便可以以此作为域名在网络上访问比如我的仓库名为damowang-cxx.github.io所以可以使用https://damowang-cxx.github.io来访问搭建的博客网站。(这里需要注意的是这里的仓库名必须用自己的账户名) 建立一个阅读文件 Description可填可不填
选择Creating repository按钮以建立 成功后 3.生成本地博客文件
选择一个空文件夹来存放网站代码。在空文件夹中右击选择Git Bash Here 在弹出的Git命令行中做如下操作
生成页面 初始化hexo博客 hexo init 启动服务验证 hexo s 生成 hexo g
4.发布博客到互联网
打开存放网站代码的文件夹中找到文件_config.yml并打开
更改里面的deploy内容 type改成git 加上respository地址为(这里所有变量后面跟参数时记得加一个空格) 然后在博客文件下右击git bash here
安装工具
npm install hexo-deployer-git --save 生成页面hexo g 在GitHub的仓库中生成ssh令牌(在该项目中选择setting) 选择Personal access tokens 有效期限为30天 下面是令牌的权限直接全部选上然后生成令牌 然后复制tokens 上传页面到Github
hexo d
第一次上传会弹出GitHub连接界面在弹出的登陆界面中使用tokens登陆粘贴前面生成的令牌即可。 至此基本的博客框架就搭建好了之后的博客写作可以阅读hexo的官方文档
利用Notion搭建博客的方案
最后介绍一下Notion是一款多功能的笔记、项目管理、文档协作工具本身提供了笔记共享功能。其中我觉得最具特色的是Notion的块功能它让notion具有了更多的可能性。
基于Notion我做过两版博客拖notion提供的目前两边都在
1.第一版博客
搭建好后的效果
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.A new tool that blends your everyday work apps into one. Its the all-in-one workspace for you and your teamhttps://allexplain.cn/第一版博客完全使用notion建立大致思路为共享需要作为博客的页面然后通过cloudflare实现域名与notion页面的映射这一版的最大的优点就是方便拜托了其他复杂的上传操作缺点颜色单一可玩性相比hexo要低。 域名绑定 这里需要购买一个域名购买的地方腾讯云阿里云啥的都可以 然后就是在自己notion中选一个page进行共享。将你共享page的网址放到Cloudflare和购买的域名做一个映射(Cloudflare我个人理解为一个对个人网站进行管理的东西可以做一些CDN和对一些网络攻击的防御它还可以查看你网站的一个访问量) 具体操作可以看这个视频 用Notion做网站挂自己域名还能看访问数据_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1t7411u7yr/?spm_id_from333.337.search-card.all.clickvd_source19843f6a815498ad209087c25d37762f tips这里我因为想用自己的域名所以选择的这一套方案如果你对域名没有要求可以考虑直接使用notion提供的自定义域名功能或使用super来建站(这两种方法使用的域名都只是部分自定义)SUPER建站的优点是会帮你做一个缓存以提高网站的访问速度而且可以优化网站的访问链接免费版的也够用。 NOTION使用SUPER建站|高颜值|手把手|超简单_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1X3411g7gj/?spm_id_from333.337.search-card.all.clickvd_source19843f6a815498ad209087c25d37762f 侧边栏实现方案 我主页里的侧边栏同步效果是用notion的Synced block实现的。 具体操作可以看这个视频 [Notion]同步块--更便利地建立你的侧边栏_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1wU4y1J72q/?spm_id_from333.788 路径显示实现方案 这里可以利用notion的breadcrumb
2.第二版博客
Notion Next
NotionNext部署-Vercel版本 | Tangly BlogVercel是一款国外的Serverless托管平台对个人用户使用几乎免费而且方便快捷用Vercel托管你的Notion站点无需再操心服务器的维护与资费问题。https://tangly1024.com/article/vercel-deploy-notion-next
博客演示传送门
这个方法属于是将notion和hexo融合在了一起操作简单几分钟就可以部署好。优点简单易上手相比之前的完全用notion做出来的博客更加具有可玩性。
三、让搜索引擎收录博客
虽然绑定完域名后我们的博客就可以在网上访问到了但这是基于知道具体网址的情况下。当你使用搜索引擎时依然无法搜索到你的博客这是因为你的博客并没有被各大搜索引擎所收录。这里先简单介绍一下关于搜索引擎的收录规则
首先搜索引擎会利用爬虫爬取搜索引擎还未收录的网站然后对这些网站本身的质量以及内容的创新度进行判断(因为对于搜索引擎而言并不需要一些重复或无用的文章)之后合格的网站会被收录进该搜索引擎。
弄清楚原理就可以清晰的知道我们能做的是什么首先就是将网站提交到各大搜索引擎中然后就是确保文章的质量过关。
具体的提交方法这里用Google举例
访问页面google search console
登录Google账号后如下图选择右边的网址前缀输入你的域名后点击继续 这里需要验证网址的所有权我这里选择的是DNS验证 验证通过后点击前往资源页面之后点击网址检查可以查看自己的网址有没有被搜索引擎收录。 1.向搜索引擎提交站点地图
在右边栏选择站点地图可以将博客所有的页面提交给搜索引擎站点地图的文件名一般为sitemap.xml 将其输入至下图位置点击提交。 如果出现下图这样状态处于成功即可。 2.单个网址的提交
上面这个办法就是一次性提交自己站点的所有地址而如果只想提交博客中的某篇文章可以选择左边栏的网址检查 输入你需要提交的网址然后点击右下角的请求编入索引 等待一两分钟后会弹出人机验证界面验证完后弹出下面窗口就算提交成功了 bing的提交网址
Bing Webmaster Tools
