找到
23
篇与
技术经验
相关的结果
- 第 3 页
-
博客搭建框架介绍 经过近两周的折腾,初步搭建了当前的博客网站,这期间调研了不少博客网站搭建的文章和教程,这里简要介绍下各个框架的特点,以便需要的人参考。 博客网站框架 最近主要接触了以下几种博客框架: 序号名称官网特点主题库1Hexohttps://hexo.io/zh-cn/无后台,配置简单,功能简单大量免费开源的主题2Halohttps://halo.run/有后台,配置简单,正在发展中相对较少,但未来可期3typechohttps://typecho.org/有后台,配置简单,仅适合博客大量免费开源的主题4Wordpresshttps://cn.wordpress.org/有后台,配置复杂,功能强大大量免费以及付费的主题博客框架推荐 以下仅为个人观点。博客框架的选择需要考虑自身需求和各种成本问题,这里主要基于以下几点进行分析: 网站功能: Hexo:纯静态网站,没有后台操作界面,即无法在线编辑,只能本地写好文章后,使用命令上传至GitHub或服务器。安装插件可实现文章评论功能,不支持用户注册。 Halo:有后台操作界面,支持markdown语法。支持评论、用户注册。 typecho:有后台操作界面,支持markdown语法,仅支持作为博客网站。支持评论、用户注册。 Wordpress:有后台操作界面,安装插件后支持markdown语法,拥有众多强大的功能。支持评论、用户注册。 网站美观: Hexo:有不少好看的主题且免费开源 Halo:主题库相对较少,尤其是更新后的2.0版本 typecho:主题库丰富,众多免费主题可供挑选 Wordpress:主题库丰富,免费版、付费版均有 搭建网站的时间成本: Hexo:很小,根据教程十几分钟即可在GitHub上搭建好。但评论等功能的添加需要额外花费时间。 Halo/typecho:云服务搭建半天左右,域名备案一周左右。 Wordpress:云服务器和域名配置同上。找到适合的主题比较花时间。 网站搭建的金钱投入: Hexo:使用GitHub Pages,可以零成本。购买域名,一年几块到几十块不等。 Halo/typecho/Wordpress:必须购买服务器和域名。新手优惠至少一百多每年,老用户至少六百多每年。 后期维护及优化 Hexo:一劳永逸,后期几乎不需要维护和优化。 Halo/typecho:暂不清楚。 Wordpress:随着内容的增多,需要进行额外的维护和优化。 综上所述,如果想完全白嫖,使用Hexo+GitHub Pages;如果购买了云服务器和域名,又不想投入太多精力在网站搭建上,建议使用Halo或typecho;如果比较想折腾或者完美主义者,直接Wordpress。
-
Hexo-themes-butterfly主题的安装及配置 官方配置教程:Butterfly 安裝文檔(一) 快速開始安装 进入Hexo博客根目录 下载主题 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 启用主题,将根目录_config.yml文件主题部分设置为butterfly theme: butterfly 安装插件 npm install hexo-renderer-pug hexo-renderer-stylus --save 将themes/butterfly/_config.yml文件复制到在Hexo博客根目录并改名为_config.butterfly.yml cp themes/butterfly/_config.yml _config.butterfly.yml配置 详情参考官方教程,需要注意有些功能要安装额外的插件。 Math数学 启用KaTex时,需要卸载和安装以下插件 npm un hexo-renderer-marked --save # 如果有安裝這個的話,卸載 npm un hexo-renderer-kramed --save # 如果有安裝這個的話,卸載 npm i hexo-renderer-markdown-it --save # 需要安裝這個渲染插件 npm install katex @renbaoshuo/markdown-it-katex #需要安裝這個katex插件 在Hexo根目录的_config.yml中配置如下信息 markdown: plugins: - '@renbaoshuo/markdown-it-katex'字数统计 进入Hexo根目录,安装以下插件 npm install hexo-wordcount --save 修改主题配置文件 wordcount: enable: true post_wordcount: true min2read: true total_wordcount: true
-
使用Hexo搭建博客 1 准备阶段 安装node.js 下载地址:https://nodejs.org/en 查看版本:node -v以及npm -v 国内安装cnpm,使用淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org 安装hexo框架 cnpm install -g hexo-cli2 初始化博客并测试 打开终端,在当前文件夹新建myblogs文件夹用于存储博客所有相关内容 mkdir myblogs 进入myblogs文件夹,之后所有的操作都在该文件下进行 cd myblogs 初始化博客 hexo init 生成博客静态网页文件 hexo g 启动本地博客进行测试,启动后本地访问地址http://localhost:4000/,使用Ctrl+C终止 hexo s3 新建博客文档 新建博客文档,将"blog name"替换为需要的博客名称 hexo n "blog name" 在source/_posts文件夹下出现以"blog name"命名的.md文件,使用Vim等修改博客内容,博客使用Markdown语法书写 重新生成静态网页文件 hexo g4 更换主题 可在主题界面挑选喜欢的主题类型,所有主题更换方式类似,此处以yilia主题为例。首先下载主题 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 修改_config.yml文件中theme内容为yilia,默认内容为landscape 变更主题后,生成博客前需要先清除缓存 hexo clean 重新生成 hexo g5 部署至GitHub 5.1 安装插件 在myblogs文件夹安装git部署插件 cnpm install --save hexo-deployer-git5.2 添加SSH密钥 生成SSH密钥,其中"your_email@example.com"为你的GitHub账号电子邮件地址 ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 复制刚生成的.ssh/id_rsa.pub文件中的所用内容,进入GitHub设置界面->SSH and GPG keys -> New SSH key,将复制的内容粘贴进去,Title任意 输入下面第一行代码,若提示第二行的内容,则表示配置成功 ssh -T git@github.com Hi YourGitHubName! You've successfully authenticated, but GitHub does not provide shell access.5.3 配置部署信息 在GitHub创建一个仓库名为"YourGitHubName.github.io",其中YourGitHubName为GitHub的账号名 配置_config.yml文件,该文件在当前文件夹下,将Deployment内容修改成如下形式,注意将YourGitHubName替换为GitHub的账号名 # Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repo: git@github.com:YourGitHubName/YourGitHubName.github.io.git branch: master 将博客部署至GitHub仓库 hexo d5.4 添加域名 前往阿里云等网站注册一个域名,如xxx.cn 修改_config.yml文件中url内容为https://xxx.cn 在source/文件夹下创建没有后缀的CNAME文件,写入xxx.cn 前往GitHub仓库,找到Settings -> Pages -> Custom domain,填入xxx.cn 前往域名注册网站,进入域名控制台,选择刚购买的域名,点击解析进入解析界面,增加两条如下 点击添加记录,记录类型选择CNAME,记录值填写YourGitHubName.github.io.git,点击确认 点击添加记录,记录类型选择CNAME,主机记录填写www,记录值填写YourGitHubName.github.io.git,点击确认 至此,域名添加完成