hexo创建个人博客（附加插入音乐、分享、评论、标签页、搜索） - 简书
hexo创建个人博客（附加插入音乐、分享、评论、标签页、搜索）
　　你是不是见多了各种大v的个人博客，是不是也想拥有这样的一个个人博客，（静静的装B！）看这里，就对了。一步一步教你创建自己的博客。　　现在用的比较多的就是（快速、简洁且高效的博客框架），支持markDown，有丰富的插件和主题
1、安装环境
　　安装 和 ,git就不用多说了，如果连git都不会装，请出去把门关上。　　Node.js 的安装可以使用两种方法，1、点击前面链接直接下载安装即可 2、通过终端命令行：
$ curl /creationix/nvm/master/install.sh | sh
之后重启终端，如果还找不到nvm命令可尝试重启电脑接着执行
$ nvm install 4
即可安装完成以上两个条件已具备的话，即可开始安装hexo博客框架
$ npm install -g hexo-cli
执行完成后hexo就安装成功了，第一步结束，环境配置完毕可以开始创建自己的博客了
2、github上创建仓库
　　github帐号的创建我也不再次赘述了。下面说一下仓库的创建，名字前面部分可以自己随便起。后面部分统一为github.io ，其他的均不需设置。如下图：
下午5.36.45.png
3、博客的创建
　　3.1初始化
cd /Desktop
//cd到你的桌面执行：（init 后面的就是你的名字，当然你也可以随便起，不影响的，仅仅是创建一个文件夹）
$ hexo init nanshanyi.github.io
桌面会生成一个文件夹nanshanyi.github.io
　　3.2基础配置
　　打开_config.yml文件进行基础配置（可以使用或者来打开，都是很很强大的代码编辑器，可安装各种插件，前端开发必备）
title: 南山亿的技术博客
//博客名字
subtitle: 积少成多
//小标题可以写自己喜欢的话
description:
//博客描述
author: 南山忆
//作者名字
language: zh-Hans
//语言（此处为简体中文）
//自己购买的域名网址（没有可不写）
//主题的名字
type: git //使用git发布
repo: /nanshanyi/nanshanyi.github.io.git //刚刚创建的github仓库的地址
　　3.3安装主题
　　博客要想炫酷漂亮，一款合适的主题必不可少，hexo本身就提供了50种 可以预览查看，选择一款自己喜欢的主题　　点击图片即可预览，看到此主题的效果，点击蓝色主题名即可进入此主题的github仓库，一般主题作者都写有使用方法。
下午6.00.09.png
cd 到nanshanyi.github.io文件下
$ git clone /iissnan/hexo-theme-next themes/next
　　这里使用的是一款简约漂亮的主题，使用的人挺多的。之后就可以在nanshanyi.github.io/themes目录下看到nex（以下next均为主题名，路径中为主题文件夹名。使用的主题不同只要把next换成相应的名字即可）主题。这个主题有三种布局展示形式，可自行挑选主题的详细配置
3.4创建博客文章与发布
　　在nanshanyi.github.io 目录下终端命令：
$ hexo new '文件名' //会在source/_posts创建一个文件名.md文件
　　这就可以使用markdown编辑器开始写自己的博客了（上面提到有工具）
title: new//博客标题
10:47:49 //创建时间
//分类标签
　　这里写正文（上面的---是必要的）
　　本地查看效果预览
　　浏览器打开 即可查看效果　　发布到 github：
$ hexo clean && hexo g && hexo d //发布到 github
　　发布到 github 后可以使用
访问（请使用你自己的网址）
3.5博客中插入图片,音乐
　　基本分为两种办法（1）放在本地文件首先在nanshanyi.github.io目录下确认 _config.yml 中有 post_asset_folder:true 。在 hexo 目录，执行
$ npm install /CodeFalling/hexo-asset-image --save
　　之后再使用 hexo new 'new' 创建新博客的时候，会在source/_posts里面创建.md文件的同时生成一个相同的名字的文件夹。把该文章中需要使用的图片放在该文件夹下即可。使用的时候
！[ ] (new/text.jpg)
（2）放在上，需要先注册，上传图片生成链接，直接在文章中使用链接即可。
（3）插入音乐　　可以使用网易云音乐，搜索想要的歌曲，点击歌曲名字进入播放器页面，点击生成外链播放器；复制代码，直接粘贴到博文中即可。这样会显示一个网易的播放器，可以把
&iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="/outchain/player?type=2&id=&auto=1&height=32"&&/iframe&
//其中的width=298 height=52 均改为0就看不到了，依然可以播放音乐
下午2.01.52.png
下午1.56.58.png
4、集成多说评论，分享
　　申请帐号,打开页面点击我要安装注册帐号
上午10.38.15.png
　　在themes/next目录下打开 _config.yml，设置
duoshuo_shortname:
nanshanyi //上面多说域名中填的内容
需要分享的打开duoshuo_share: true 即可，支持分享到微博、QQ空间、微信
然后打开themes\landscape\layout_partial\article.ejs文件把以下代码
&% if (!index && ments && config.disqus_shortname){ %&
&section id="comments"&
&div id="disqus_thread"&
&noscript&Please enable JavaScript to view the &a href="///?ref_noscript"&comments powered by Disqus.&/a&&/noscript&
&/section&
&% if (!index && ments && config.duoshuo_shortname){ %&
&section id="comments"&
&!-- 多说评论框 start --&
&div class="ds-thread" data-thread-key="&%= post.layout %&-&%= post.slug %&" data-title="&%= post.title %&" data-url="&%= page.permalink %&"&&/div&
&!-- 多说评论框 end --&
&!-- 多说公共JS代码 start (一个网页只需插入一次) --&
&script type="text/javascript"&
var duoshuoQuery = {short_name:'&%= config.duoshuo_shortname %&'};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async =
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '///embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
&!-- 多说公共JS代码 end --&
&/section&
然后你hexo s ,打开 打开文章看一下，评论和分享已经静静的躺在那了
下午3.36.43.png
5、添加标签页
　　在nanshanyi.github.io文件目录下执行
$ hexo new page tags //会在nanshanyi.github.io/source下创建tags文件夹内部是一个index.md和index文件夹
修改nanshanyi.github.io/themes/next/_config.yml
#categories: /categories //分类
archives: /archives
tags: /tags
//标签（添加此行即可）
about: /about
#commonweal: /404.html
首页菜单就会有便签项，点击即可进入标签页。
6、添加搜索功能
　　next支持Swiftype 、微搜索和Local Search　　（1）Swiftype （收费的没有免费版，进可以使用15天）是为网站和移动应用提供内部搜索的工具，点击进入 ，注册之后需要填写自己的博客的网址然后选择
下午9.07.45.png
选择 install Search
下午9.10.01.png
途中的即为swiftype_key修改nanshanyi.github.io/themes/next/_config.yml中的
swiftype_key:上面红圈中的内容
点击 resume Configuration 选择 search field edit
下午9.49.27.png
save发布即可看到效果
下午9.54.34.png
（2）添加本地搜索安装 hexo-generator-search，在nanshanyi.github.io目录下执行以下命令：
$ npm install hexo-generator-search --save
在nanshanyi.github.io/themes/next/_config.yml添加
path: search.xml
field: post
发布即可看到效果，和上面的 swiftType 效果差不多，就不再粘图片了。天极传媒：天极网全国分站
您现在的位置： >&MP3文件标签修改利器――Tag&Rename
MP3文件标签修改我有绝招
天极网 11:13
　　相信大家给都不会陌生吧，当我们使用等播放MP3时，也许你会发现歌曲的名字或是歌手名字是一些乱码，如果有一些了解MP3这种文件格式的朋友应该都知道，这是因为每一首MP3都有一个叫做ID3的标签，它包含了MP3的一些基本的信息，如果这些信息有乱码或是根本就是错误的，mp3播放器显示出来的标题也就是错误的了。
　　小知识：什么是ID3
　　ID3一般是位于一个mp3文件的开头或末尾的若干字节内，附加了关于该mp3的歌手，标题，专辑名称，年代，风格等信息，该信息就被称为ID3信息，ID3信息分为两个版本，v1和v2版。
　　v1版的ID3在mp3文件的末尾128字节，以TAG三个字符开头，后面跟上歌曲信息。　　v2版一般位于mp3的开头，可以存储歌词，该专辑的图片等大容量的信息。
　　一般来说，普通用户是不会更改ID3信息的，而通过winamp等软件修改ID3信息又略嫌麻烦，所幸的是Tag&Rename这个软件的出现改变了一切，普通用户通过它也能很容易的修改ID3的信息了。下面我们就来介绍一下这个软件。
　　软件资料
　　软件名称：Tag&Rename　　软件版本：V3.17　　软件大小：2.5MB　　软件性质：共享软件　　支持平台：Win 9X /Win&NT / Win 2000 / Win XP　　下载地址：
　　下载完成后，让我们先来打开软件，看看他的界面。(如图1)
　　从上面图中可以看到，软件主要分为上下两个部分，上面是选项栏，分为三个标签，分别对应它的三大功能：改名、手动修改ID3标签和通过名字修改ID3标签，而下面则是一个文件（夹）选择器。下面我就详细介绍一下这个软件的用法。
　　首先我们可以在左下方的树状图中选择到我们的音乐文件夹。(如图2)
1（作者：PaulYoung 原创责任编辑：soft_li）
天极新媒体&最酷科技资讯扫码赢大奖
* 网友发言均非本站立场，本站不在评论栏推荐任何网店、经销商，谨防上当受骗！
笔记本手机数码家电分享给朋友：通用代码: <input id="link4" type="text" class="form_input form_input_s" value="" />复 制flash地址: 复 制html代码: <input type="text" class="form_input form_input_s" id="link3" value="" />复 制分享视频到站外获取收益&&手机扫码分享视频二维码2小时内有效为音乐文件打TAG信息（打标签，加封面）下载至电脑扫码用手机看用或微信扫码在手机上继续观看二维码2小时内有效为音乐文件打TAG信息（打标签，加封面）扫码用手机继续看用或微信扫码在手机上继续观看二维码2小时内有效，扫码后可分享给好友没有优酷APP？立即下载请根据您的设备选择下载版本
药品服务许可证(京)-经营- 节目制作经营许可证京字670号 请使用者仔细阅读优酷、、Copyright(C)2017 优酷
版权所有不良信息举报电话:搜狗搜索上线“音乐标签一体化”功能 换一种方式“叫醒你的耳朵”
发表于 10:53|
来源ITBEAR|
作者ITBEAR
摘要：搜狗搜索“音乐标签一体化功能”覆盖全部类型歌曲，用户输入目标音乐标签，如伤感、华语、民谣、旅行等关键词进行搜索，系统就会自动筛选出该风格的歌曲聚合搜索结果页，从而轻松实现不同音乐类型间自由切换，让用户选择更具主动性。
& 可能会有人不喜电影，也可能会有人不爱电视剧，却几乎没有听到过谁说不爱听歌。听歌，作为一种高频次行为，一种情感释放的方式，已成为大家生活中不可或缺的一部分。日前，搜狗搜索上线了&音乐标签一体化&功能，爱好音乐的用户只需输入自己想听的歌曲名称、歌手、曲风等关键词，即可一键获取搜狗搜索推送的相关歌曲。
在哪里听、用什么听、听谁唱的、听什么?都是乐迷们在听歌过程中的选择性难题。为了让用户在听歌过程中得到更好的产品体验，拥有海量资源的搜狗搜索，利用自身强大的数据分析处理技术和优质内容资源，将所有歌曲按照&多样化&的标签进行分类聚合、属性关联，为用户带来更多特定需求下的场景体验。
不仅如此，搜狗搜索&音乐标签一体化功能&覆盖全部类型歌曲，用户输入目标音乐标签，如伤感、华语、民谣、旅行等关键词进行搜索，系统就会自动筛选出该风格的歌曲聚合搜索结果页，从而轻松实现不同音乐类型间自由切换，让用户选择更具主动性。
除了提供不同类型音乐标签切换功能以外，搜狗搜索的&音乐标签一体化&功能还能够提供推荐歌曲单首或多首试听功能，对相关歌单及相关歌手歌曲等试听入口等多元化服务。以&伤感&标签为例，在搜索推荐中选择用户想听的歌，点击&播放选中歌曲&进行试听;同时，也可以从&推荐歌手&选择试听，查看该歌手的个人信息及其他作品，帮助用户发现更多好歌。
如果习惯了音乐的陪伴，音乐便成一人不离不弃的&朋友&。而由音乐聚集在一起的人也同样会为自己贴上共同属性的标签。值得一提的是，近期搜狗搜索独家接入的QQ兴趣部落数据，群体覆盖众多细分领域，且均为年轻用户群体感兴趣的高关注度部落。乐迷在搜索歌曲的同时，也可以在搜狗上快速找到属于自己喜好的&兴趣群体&，让听歌的过程中也能找到更多拥有相同兴趣爱好的伙伴。
除此之外，用户也能通过微信搜索、知乎搜索等功能，找到更多自己关注的内容话题，让更多不同解读丰富自己对歌曲背后创作意义的了解。从而，让听歌这件简单小事，也开始变得更加有趣。
搜狗搜索相继上线了&明星一体化功能&&电视剧一体化功能&等一系列具有年轻用户使用需求的功能产品，让年轻化用户群体属性优势更加明显。作为国内第二大搜索引擎，搜狗搜索也正是通过大数据技术优势，对用户群体特征进行针对性分析，来满足更多拥有共同需求的不同用户体验，更好服务于用户。
原文链接：
声明：CSDN登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章}