Advertisement

用Hexo搭建博客并采用Matery主题的实践

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
本篇文章详细介绍了使用Hexo快速构建个人博客网站的过程,并分享了如何应用美观实用的Matery主题进行个性化设置的经验。 使用Hexo搭建博客并应用Matery模板的步骤如下: 一、下载及安装Hexo 1. 安装准备工作:确保Node.js已正确安装。 2. 使用npm命令全局安装hexo-cli,并为git部署到GitHub上额外安装hexo-deployer-git。 3. 初始化Hexo项目: - 在D盘创建一个名为Hexo的文件夹; - 进入该目录,执行`hexo init`和`npm install`来初始化并安装依赖项; 4. 安装Matery模板:下载matery主题包,并解压后将其移动到Hexo项目的themes文件夹内(路径为D:\Hexo\themes),同时将文件夹重命名为matery以保持命名一致性。 5. 根据需要,使用npm安装插件如hexo-generator-search和hexo-permalink。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • HexoMatery
    优质
    本篇文章详细介绍了使用Hexo快速构建个人博客网站的过程,并分享了如何应用美观实用的Matery主题进行个性化设置的经验。 使用Hexo搭建博客并应用Matery模板的步骤如下: 一、下载及安装Hexo 1. 安装准备工作:确保Node.js已正确安装。 2. 使用npm命令全局安装hexo-cli,并为git部署到GitHub上额外安装hexo-deployer-git。 3. 初始化Hexo项目: - 在D盘创建一个名为Hexo的文件夹; - 进入该目录,执行`hexo init`和`npm install`来初始化并安装依赖项; 4. 安装Matery模板:下载matery主题包,并解压后将其移动到Hexo项目的themes文件夹内(路径为D:\Hexo\themes),同时将文件夹重命名为matery以保持命名一致性。 5. 根据需要,使用npm安装插件如hexo-generator-search和hexo-permalink。
  • 【源码开源】使 Hexo、Github 和 Coding 构,详解 butterfly 和 matery 流程【整理】
    优质
    本教程详细介绍如何利用Hexo结合GitHub和Coding平台构建个人博客,并深入讲解Butterfly与Matery两大主题的安装配置流程。 本篇博客并不是从零手把手教你搭建博客,那样会很浪费时间去撰写一篇文档,并且网上已经有很多类似的教程了。因此对于不知道如何开始的读者,我会提供我搭建过程中参考的学习资料,选择任意一篇文章按照步骤来操作即可。 此外,这篇博客的主要内容是关于记录本站点美化和个性化改造方面的经验分享。后续的内容将会更新在我的网站上。本段落中提供的教程可以被复制引用,请记得注明出处以示尊重原作者的工作成果。 至于是否开源我的博客源代码:由于最近重新搭建了这个站点,还有一些优化工作以及功能的完善正在进行当中。我确实有计划朝向开放源码的方向发展,但具体何时公开源码尚未确定,可能还需要一些时间来做准备。
  • Hexo Butterfly Blog:基于Hexo和Butterfly个人
    优质
    Hexo Butterfly Blog是一款采用Hexo静态网站生成器及Butterfly主题打造的个性化博客平台。它为用户提供了一个简单、美观且功能强大的空间,用于分享文章与创意。 hexo_butterfly_blog:使用Hexo + Butterfly主题搭建的博客。
  • Hexo部署至GitHub
    优质
    本教程将详细介绍如何使用Hexo快速搭建个人博客,并将其成功部署到GitHub上,适合对静态网站有一定了解的技术爱好者。 前言: 本段落档主要介绍如何在Windows 10 64位系统下搭建Hexo博客,并将其部署到GitHub上。灵感来源于B站up主codesheep的视频及其评论区的分享,旨在为初学者提供详细步骤和学习总结。 一、准备工作(安装Node.js 和 Git) 1、安装Node.js: 访问Node.js官网下载页面左侧选择稳定版本进行下载。按照提示完成安装过程后,在命令行工具中输入`node -v`检查是否成功安装。 2、安装Git: 前往Git官网,下载适用于Windows的Git安装包,并按步骤完成安装。完成后,在命令行中输入`git -v`查看版本信息以验证Git已正确安装。 二、安装Hexo 1. 创建一个文件夹用于存放你的Hexo博客项目。 2. 在该文件夹内打开Git Bash终端。 3. 输入以下命令来全局安装cnpm和hexo-cli: ``` npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g hexo-cli ``` 4. 使用`hexo -v`检查Hexo是否已正确安装,显示版本号表示无误。 5. 输入命令 `hexo init` 来初始化项目文件夹中的基本结构。这标志着博客搭建完成。 三、运行测试Hexo 1、常用命令: - `hexo clean`: 清理缓存文件。 - `hexo g`: 生成静态页面。 - `hexo s`: 启动本地服务器预览网站。 - `hexo d`: 将博客推送到远程服务端。 2、运行博客: 启动本地服务器,输入`hexo s`,然后在浏览器中访问`http://localhost:4000`查看你的初始设置的博客页面。默认主题将被加载使用。 四、将Hexo博客部署到GitHub 1. 创建Github仓库: - 登录GitHub账号创建一个新的公开仓库,并将其命名为 `你的GitHub用户名.github.io` 2. 推送至服务器: - 进入项目文件夹。 - 使用命令`cnpm install --save hexo-deployer-git`安装Git插件。 - 编辑 `_config.yml` 文件,添加以下配置信息以部署到 GitHub 上的步骤: ```yaml deploy: type: git repo: https://github.com你的GitHub用户名你的GitHub用户名.github.io.git branch: master ``` - 配置Git身份信息: ```bash git config --global user.name 你的GitHub用户名 git config --global user.email 你在 GitHub 注册时使用的邮箱地址 ``` - 使用以下命令将博客推送到服务器上: ```bash hexo clean hexo g hexo d ``` 完成上述步骤后,稍等片刻即可在 `http://你的GitHub用户名.github.io` 查看到已部署好的个人Hexo博客。 总结: 搭建一个 Hexo 博客并将其发布至 GitHub 是一项相对简单的任务。按照以上提供的详细指导一步步操作,就能顺利地拥有自己的个性化技术分享平台。不仅能够记录和传播知识经验,还能提升自身的实践能力。
  • Hexo-Blog: Hexo 源码(不再使
    优质
    Hexo-Blog 是一个基于Hexo框架的博客源代码项目,用于个人或开发者创建和管理静态博客网站。该项目现已停止维护,请寻求替代方案。 hexo-blog:Hexo博客源码(已废弃)
  • Hexo-Theme-Butterfly:蝴蝶(hexo)
    优质
    Hexo-Theme-Butterfly是一款美观且功能强大的博客主题,采用现代化的设计理念,为使用Hexo静态站点生成器的用户提供了一个优雅而灵活的主题选择。 语:United_States 六主题蝴蝶 演示: :thumbs_up: || :crossed_fingers: 文件: :open_book: 基于主题的安装方法如下: 1. **使用GIT**: - 如果您在中国大陆,则推荐下载稳定分支: ``` git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` - 开发版本(dev)可以从以下地址获取: ``` git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` 2. **使用NPM**: 安装Hexo 5.0.0或更高版本的依赖项,确保在Hexo网站根目录中执行以下命令: ``` npm i hexo - theme - butterfly ``` 配置文件设置: - 在hexo工作文件夹的根目录下的_config.yml 文件里进行如下主题设置: 主题:蝴蝶 如果您的系统缺少哈巴狗和手写笔渲染器,您可能需要尝试其他方法来解决。
  • 手把手教你利Hexo和GitHub构个人(详尽图文)
    优质
    本教程详细讲解了如何使用Hexo与GitHub搭建个人博客网站,包括步骤详解及实用技巧分享。适合初学者快速上手。 越来越多的人选择自己搭建博客,一方面可以方便地定制个性化的样式,另一方面也能带来一定的收入。大部分朋友会选择使用WordPress来构建个人博客。这里为大家介绍一种使用Hexo与GitHub搭建开发者博客的方法,有兴趣的朋友可以参考尝试一下。
  • 使云服务器个人网站
    优质
    通过利用云服务器资源,本项目旨在构建一个高效、稳定的个人博客平台,为分享见解和创作内容提供理想空间。 使用阿里云服务器构建个人博客网站时,可以采用PHP、MySQL以及WordPress作为技术栈。
  • 一款舒适Hexo
    优质
    这是一款专为Hexo静态博客平台设计的舒适主题,提供简洁美观的界面、灵活易用的设置选项以及出色的功能体验。让您的博客呈现最佳状态。 一个令人感到舒适的Hexo主题。
  • Asp.net技术构简易系统
    优质
    本项目是一款基于ASP.NET技术开发的简易博客系统,旨在为用户提供一个便捷、高效的个人日志发布和管理平台。 本博客系统主要采用ASP.NET技术结合BootStrap前端框架与wangEditor富文本编辑器,并使用SQLServer数据库进行开发。通过该系统的构建,能够简化代码实现过程并保留核心功能,使学习者在实践中掌握部分ASP.NET技术的运用方法,包括三层架构开发模式的应用、各种控件的操作、数据库连接及多表联查和分页查询等技能。同时也能熟悉BootStrap前端框架的基本使用技巧如栅格系统用于页面自适应布局与Flex布局练习,以及学习如何将wangEditor富文本编辑器集成到ASP.NET项目中。 通过本博客系统的开发可以掌握的内容包括: - ASP.NET技术的基础理解和应用; - ADO.NET的使用和操作; - BootStrap前端框架的基本方法及实践; - 使用SQL语句进行多表联查与分页查询的技术实现。 该系统适用于具有一定编程基础的新手,特别是Web程序设计初学者,并且非常适合课程项目的设计。主要功能涵盖用户注册、登录、博客浏览、发表和管理等操作;管理员则可以执行对用户信息、博客内容及评论留言的管理和维护任务。