louisbarranqueiro / hexo-theme-tranquilpeak Goto Github PK

Please add new feature Google adsense

Cool Theme, my Blog -> http://blog.linuxpro.com.br/

Thank's

1. user wishes to have url in his about section
   1. user adds md link, outcome the link appears as text in about box
   2. user adds html link, outcome the link appears as text in about box

sample here http://zoharsacks.com/

Hello, on profile pic link is /about replace to /#about, sorry my bad english! Thanks

I tried to add a page but pictures and links are not working. Is it possible to add pages with your theme?

Hi Louis,

I setting the Swiftype search engine in my blog but in my Swiftype dashboard a get this message: Our crawler hasn’t downloaded any pages yet.

Is there any specific configuration in tranquilpeak for the Swiftype can scan my site?

I have no Robots.txt or Robots meta tags.

I saw the example page of highlighted code in tranquilpeak demo, but I don't know how to use.
Could you provide an example?
I must create some div and put the class the "highlight java"? Is there any markdown syntax?

Hi Louis,

I noticed that in your pose "Tags plugins showcase" you included an image using "fancybox". I wonder how exactly you used it in the markdown file. Is there a corresponding markdown syntax? I know Hexo provides

{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

to insert an image. I specified the class name as "fancybox" and when I clicked on the image, it was working. However after I closed it, the original image in the post disappeared. Did you use it in this way too? Also, is it possible to insert the thumbnail in the post and enlarge it to show the original image when the user clicks on it?

Also, I think it would be very helpful if you could provide the .md files of the posts in your demo website.

Thank you.

Haven't looked into this but noticed in passing that HTML is not getting highlighted (unlike other code snippets) when using the triple back ticks in markdown.

Tried using {% codeblock [lang:html] %} but getting the same results (highlighting for JS and some other syntaxes but not for HTML).

mailto settings in themes/tranquilpeak/_config.yml is like:

mailto://

and will generate "mailto://" in html, the correct format should be "mailto:"

https://github.com/LouisBarranqueiro/tranquilpeak-hexo-theme/blob/1e07e6835476256bf2f23d57ce36318f17651f43/layout/_partial/sidebar.ejs

change it to the following seems fixed this

                <% if ( ((url_for(theme.sidebar[i][n].url).indexOf(config.url) < 0) && (url_for(theme.sidebar[i][n].url).indexOf('://') >= 0)) || (url_for(theme.sidebar[i][n].url).indexOf('mailto') >= 0)) { %>

This is happening here:

layout/_partial/post/header.ejs:21
    19|         <% } %>
    20|     <% } %>
 >> 21|     <% if (thumbnailImageUrl !== undefined) { %>
    22|         <div class="hide">
    23|             <img alt="" itemprop="image" src="<%= thumbnailImageUrl %>"/>
    24|         </div>

"NEWER POSTS" linked to a wrong url (/) in this page
http://louisbarranqueiro.github.io/tranquilpeak-hexo-theme/page/2/

I didn't find bugs in /layout/_partial/pagination.ejs . So I suppose that's a config problem?

When I'm trying to start the server with hexo s, the followed error message appears :

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: UNKNOWN, open '/Volumes/HDD/Users/louis/hexo-blog/themes/tranquil-peak/node_modules/grunt-bower/node_modules/bower/node_modules/update-notifier/node_modules/configstore/node_modules/js-yaml/node_modules/argparse/node_modules/lodash/array/tail.js'

The problem comes from grunt-bower package. When I delete the /Volumes/HDD/Users/louis/hexo-blog/themes/tranquil-peak/node_modules/grunt-bower/ folder, the server manage to start.

I have already reported this issue on hexojs/hexo repository : issues#1210.

• head set :
• from og
  result += og('og:description', description);

Hi Louis,

I tried your theme and I found that after I deleted all the posts of a certain category( say A), when I clicked on "Categories", A was still there. Wouldn't it be nicer if that category was also removed?

BTW, as you said in the user documentation I downloaded the zip file, but I found that the problem mentioned here had not been fixed in that code. I just wonder if the code in the development branch is actually the latest version.

Thank you for sharing your theme.

Best,

Yalun

Hi, Louis. Thanks for your project.
I got a problem using your theme in hexo. The following is what I had done.

• clone your theme
• rename the root folder as "tranquilpeak"
• edit the hexo conf file's attribute: theme: tranquilpeak
• hexo g, hexo s

But I got a wrong page like the following. It seems that the style file did not go right.
I don't know what I did is wrong. Maybe you can help.

Hey, the URL of my blog is: http://iponyo.github.io/

I saw your demo page has ToC, but i've no idea how to enable it.

Have tried put "<%- toc(page.content, {list_number: true}) %>" in tranquilpeak/layout/post.ejs, but this can't achieve the that like you are doing in your demo site.

Thanks in advance!

I am trying to use hexo and your theme but I can't find any useful information how to use the internal link or the pull quotes. Are your .md files available for an example on how to use these functions?

Thank you for writing this excellent theme.It is very nice ,performs well in other mobile platforms, easy to customize and display Mathjax well in abstract.
As a Chinese user, I added a SinaWeibo icon to the sidebar, added Weixin and Weibo to the share group at the bottom of posted articles, generate table of content automatically for post(but it looks ugly) and take duoshuo instead of disqus for default comments(because of the great fire wall).
Even though I notice there are searching input for page categories and page tags, but I add a swiftype to search entire site according to the content.
But the font and highlight colors makes me feel uncomfortable and tired.The grey font and white background are similar and the background of code-block and the foreground share the same problem.
The following two pictures is the view of my blog in tranquilpeak and jacman. And I think the second picture is more readable and comfortable.And the round square is more beautiful than a simple square.
I want to know how to modify font and highlight colors. I tried to modify css and scss files,but it seems doesn't work. And I am looking forward to a new set of fonts and highlight colors.Thank you~

tranquilpeak


jacman


Add functionality to scroll to top in theme (for long posts).

Hi, first of all, this is a great theme! Good job :)
I fork tranquilpeak and change it become my previous blog style.
Repo: https://github.com/BelinChung/tranquilpeak-hexo-theme
My blog: https://dearb.me

Just hope more people use tranquilpeak to build their own blog .

Forcing the sidebar to overflow:auto will show scrollbars even when they aren't necessary, changing it to auto will show it only when they're needed.

When I use ![DescOfPicture][] to insert a picture, the DescOfPicture is not just under the picture, like this , is this OK? I want to locate the description of picture under the picture, not center of the page, how can I do?

https://github.com/LouisBarranqueiro/tranquilpeak-hexo-theme

How can I remove the text in the sidebar and only show the icon? Just like this one:

btw: user may be a better icon for "About me"

Hi, here is what's comming in Tranquilpeak 1.3 for the moment :

• : Internationalization. #48
• : Display inline fancybox images. #56
• : Add image tag to insert images, fancybox and create nice galleries
• : Add wide_image tag to insert wide image in full width
• : Choose the size of cover image : partial (full width large height) or full size (full width and height)
• : Choose alignment of meta information of a post (title, date and categories) : left, center or right
• : Add cover caption feature to add caption to the cover image
• : Add option to disable sidebar on all posts or temporarily on a post
• : Add caption feature for each photo of an image gallery

If you have any ideas to improve the theme, write them in comment! :)

When I run grunt Build or grunt sass to build the theme or compile scss files, an warning shows that `You need to have Ruby and Sass installed and in your PATH for this task to work. It happens when ruby is not installed.

When sidebar is up, I swipe the content to the left, then the content will appear at the bottom of sidebar, the scrollbar of web browser will display as well.

Hey, the URL of my blog is: haichao.me
Maybe I can offer help to Chinese users to customize the theme that satisfies their habbits.

Recently made a move to migrate from imgur to google photos

Apparently, gallery stops working with google photo URLs

http://hashtaghashtag.github.io/blog/2015/07/12/Shoot-Edit-Repeat/ (Google Photos URL)
http://hashtaghashtag.github.io/blog/2015/06/14/Let-s-start-an-adventure/ (Imgur)

Any advise? (aside from going back to imgur)

Hey, the URL of my blog is: xiaoshiguang10.com

Many thanks for this fantastic theme!

I've just set it up on my site here: http://www.keybits.net

The JavaScript for Google Analytics seems to be incorrect since it's not registering any hits there. The code Google is suggesting I should use is:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-64577670-1', 'auto');
  ga('send', 'pageview');

</script>

I can just edit google-analytics.ejs with the new function, but I thought I'd let you know in case this needs changing for a release.

how can I edit my article on localhost?
I can open the site on localhost:4000,
but when I click the tags or categories button it will redirect to github page

All links absolute, must deploy to debug

Hi Louis, I doing some modifications in your theme for two purposes:

• Internationalize the theme
• Make a multi language blog

I open this issue for describe what I changed and for get your feedback if my method is the best form:

Internationalize

• Make a folder language in theme folder: tranquilpeak/languages
• Inside language folder a put two files, one for each language: pt-br.yml and en.yml. The en.yml file is something like this:

post_meta_date_format: MMM DD, YYYY
all_categories_date_format: MMM DD, YYYY
all_tags_date_format: MMM DD, YYYY
all_archives_date_format: MMM DD, YYYY
all_archives_month_format: MMMM

label_newer_posts: NEWER POSTS
label_older_posts: OLDER POSTS
label_page: Page
label_of: of
label_in: in
label_search_category: Search Category
label_search_tag: Search Tag
label_search_date: "Search Date (YEARMONTHDAY)"

read_more_message: Continue reading
go_to_message: Go to the website

author:
    email: [email protected]
    bio: My bio
    job: My job
    location: My Location

sidebar:
    menu:
        home:
            title: Home
            url: /en
        categories:
            title: Categories
            url: /all-categories-en

• Change fix date formats in all files. For example, in the file tranquilpeak/layout/_partial/post/meta.ejs:

post.date.format('MMM DD, YYYY') //Before

post.date.locale(post.lang).format(__('post_meta_date_format')) //After

• Change fix strings in all files. For example, in the file tranquilpeak/layout/_partial/post/actions.ejs:

<span class="hide-xs hide-sm text-small icon-ml">PREVIOUS</span>  <!-- Before -->

<span class="hide-xs hide-sm text-small icon-ml"><%= __('label_previous') %></span> <!-- After -->

• Change the _config.yml for setting the sidebar menu and others options. For example:

sidebar:
    menu:
        home:
            title: sidebar.menu.home.title # this is a key for a language file
            url: sidebar.menu.home.url # this is a key for a language file
            icon: home

* Multi language blog*

• For each post or page, setting the language. For example, all-archives-pt-br/index.md:

title: "all-archives"
layout: "all-archives"
lang: pt-br

---

• In blog _confg.yml setting the languages and permalinks. For example:

language:
 - pt-br
 - en

permalink: :lang/:year/:month/:day/:title/

• Change templates for show only the current language posts. For example, in the file tranquilpeak/layout/_partial/index.ejs:

<section class="post-group main-content-wrap">
    <% page.posts.each(function(post) { %>
    <% if (page.lang == post.lang) { %>

• Register a index generator for the second language, in my case english. File node_modules/hexo-generator-index/index.ejs:

hexo.extend.generator.register('index-en', require('./lib/generator-en'));

• Create a index generator for the second language, in my case english. File node_modules/hexo-generator-index/lib/generator-en.js:

'use strict';

var pagination = require('hexo-pagination');

module.exports = function(locals){
  var config = this.config;
  var posts = locals.posts.find({lang: 'en'}).sort('-date');
  var paginationDir = config.pagination_dir || 'page';

  return pagination('en', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

• Create a index page for the second language, in my case english, where the name is in agree with generator-en.ejs return pagination('en', posts, {>. In this case the page name shold be en and the layout should be index: hexo new page en --lang en.

layout: index
lang: en

---

In an general view this was the process for create multi language blog. Can you help validate if this methodology is the best way? Can you think others ways more easier?

May be good to add .gitignore to the project

Word wrapping (post contents) (related: word-wrap, white-space, etc)

Some words missing, see:
chrome debug

real device (Lumia 820)

care about CJK words if you decide to enhance.

chrome debug (iPhone 6, no problem)

chrome debug (Lumia 520) & real device (Lumia 820, 4 inch), mismatch.

That's all. 🐳

What a good theme!

I run hexo in Windows with just nodejs environment, without ruby, therefore I cannot build this theme.
I think it will be more usable by using nodejs based css preprocessor like hexo's official theme. :-]

Assuming you have a long post, it would be nice to have some way to navigate the page. e.g. a table of contents at the top of the page.

Maybe a way to scroll to the top of the page is also in scope with this feature request.

hi ! I want use transquilpeak to highlight source code, but when i write a new post, i dont't know how to use it in markdown. can you teach me ? Thank you very much ! Good luck !

Hi Louis
I just download it,and modify the theme in _config.yml by changing theme variable to tranquilpeak.
When I run hexo server, I find css isn't work? Can you help me ?

Hi Louis,
I do not know if this issue is in your theme or is it a bug hexo, but when I set relative_link to true my permalinks are generated incorrectly.

relative_link=false: http://localhost:4000/2015/07/02/hello-world/ (expected url)
relative_link=true: http://localhost:4000/2015/07/02/index.html (wrong url)

Has any problem if I set relative_link to false?

Hexo version that I used is 3.1.1:
hexo: 3.1.1
os: Linux 3.13.0-55-generic linux ia32
http_parser: 2.3
node: 0.12.5
v8: 3.28.71.19
uv: 1.6.1
zlib: 1.2.8
modules: 14
openssl: 1.0.1o

When I use the theme, The main page look good, but when I want to browse a post or I want to see the posts under a tag, the link is wrong and show like this: Cannot GET /2015/07/17/index.html, how can I fix this.

I would like to adjust the width for post because it seems to be a bit narrow in a big screen.
There seems to be no configuration for this. It is there a way to deal with this?

Your theme is very beautiful!
But, I have a problem, deploy the blog to the GitHub, without any style and JS files , the state is 404. please help me ! my blog address: http://iponyo.github.io/
Thanks !

Using either yaml or yml in the following:

root:             public
dest:             <%= site.root %>
assets:           <%= site.dest %>/assets

data:             data/*.{json,yml}

templates:        templates
includes:         <%= site.templates %>/includes/*.hbs
layouts:          <%= site.templates %>/layouts
layout:           default.hbs

helpers:  
  - <%= site.templates %>/helpers/*.js

description:      <%= pkg.description %>

Gives this result:

There is only one line number and there is no syntax highlighting. I also tried with Hexo codeblock tag. Same result.

If am using "json" instead for now (which gives me line numbers, but still no highlighting).

Is this something specific to Hexo? I read somewhere that Hexo uses highlight.js for syntax highlighting. But highlight.js supports yaml highlighting (as I've used it in the past).

Any idea how I can fix this?

Cheers,
J

Hey, the URL of my blog is: haichao.me
This theme looks very nice and can be customized well.I use duoshuo instead of disqus for comments and the share group at the bottom of the article.
But I also found that the font makes me feel tired when I read my own blog.I don't know how to change the fonts and the highlight color. And the jacman's font and highlight color is more readable.
I'm looking forward to see a set of fonts and highlight colors.

Hi, Louis, thanks for your great job.
I had looked for hundreds of themes and find that yours is the best.
And now I would like to change the font style of the posts because the default style is not good for chinese characters.
Please offer a way.

Hi Louis,I got a problem again. T_T
When I deploy the blog to the GitHub, Github warning:

Your site is having problems building: The submodule themes/tranquilpeak was not properly initialized with a .gitmodules file. For more information, see https://help.github.com/articles/page-build-failed-missing-submodule.

I try run git submodule init,but it fail

then git submodule update

run Jekyll locally,all going well;
my blog site is https://github.com/Sophiai/sophiai.github.io