carlos-algms / hexo-theme-materialize Goto Github PK
View Code? Open in Web Editor NEWA hexo theme that uses materialize-css
License: MIT License
A hexo theme that uses materialize-css
License: MIT License
I have started using this theme.
I am new to hexo.
My site just show nav bar and footer. No content. I have three questions.
Please help me. Is the demo site code is open sourced. that would be great help
Hi, Carlos! Awesome portfolio/blog theme. I am wondering how you were able to add all of the information about your Javascript skills and projects to the home page using this theme? When I add an index.html file to the source folder of my blog nothing is displayed. Thank you, Eric
Hi,
I was adding Carousel to the index page. as defined here: http://materializecss.com/carousel.html
source/index.html:
<div class="carousel carousel-slider center" data-indicators="true">
<div class="carousel-fixed-item center">
<a class="btn waves-effect white grey-text darken-text-2">button</a>
</div>
<div class="carousel-item red white-text" href="#one!">
<h2>First Panel</h2>
<p class="white-text">This is your first panel</p>
</div>
<div class="carousel-item amber white-text" href="#two!">
<h2>Second Panel</h2>
<p class="white-text">This is your second panel</p>
</div>
<div class="carousel-item green white-text" href="#three!">
<h2>Third Panel</h2>
<p class="white-text">This is your third panel</p>
</div>
<div class="carousel-item blue white-text" href="#four!">
<h2>Fourth Panel</h2>
<p class="white-text">This is your fourth panel</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
console.log("logs");
// $('.carousel').carousel();
$('.carousel.carousel-slider').carousel({fullWidth: true});
setInterval(function(){
$('.carousel').carousel('next'); // Move next n times.
}, 3000);
});
</script>
It shows nothing.
When I add materialize css,js to the layout.ejs, it works but on console it shows many error, probably because of duplication of lib included.
added following lines to layout.ejs
......
<%- js('js/vendors') %>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
I am trying to setup a new blog using this theme, but I'm having trouble generating the index pages for the categories and tags. I've configured my site as follows:
tag_dir: blog/tags
archive_dir: blog
category_dir: blog/categories
When I run hexo generate
, the categories and tags are being generated under /blog/categories/categoryname
, but there isn't an index page listing all of the categories. Same thing for tags.
Is this by design, or is there some other configuration parameter I've missed?
Thanks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.